자바왕보초
121
2021-09-15 20:46:04 작성 2021-09-15 21:32:39 수정됨
2
86

[jquery] dialog not a function 문제 ㅠㅠ






 오늘 하루 종일 붙잡고 있는데, 인터넷 검색하고 무슨 짓을 해도 해결이 안돼서 질문 드립니다.. 

특정 div를 모달화 하는 기능을 구현 중인데, dailog의 메소드 사용 시 not a function 에러가 발생합니다.. 


jquery import 문은 문제 없이 작동하는 프로젝트에서 가져왔는데,  사용시 저런 오류가 발생합니다. 

오류 해결을 위해 시도 한 것은 함수 호출 방식을 documnet.ready로 바꾸거나, 스크립트 임포트문 위치를 바꾸거나 한 것들인데, 문제를 해결할 방법을 알려주시면 감사하겠습니다.    




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<link rel="stylesheet" type="text/css" href="./extLib/jquery/css/custom-theme/jquery-ui-1.10.4.custom.css"/>
<script src="./extLib/jquery/jquery-1.11.1.js"></script>
<script src="./extLib/jquery/jquery-ui-1.10.4.custom.js"></script>
<script src="dialog_cont.js"></script>
<script type="text/javascript">
    $(function(){
        fn_init_dialogs();
    });
</script>
</head>
<body>
    <div id="target">
        모달 영역
    </div>
</body>
</html>


function fn_init_dialogs() {
    
    $("#target").dailog({
        "width" : "290",
		"maxWidth" : "290",
		"height" : "80",
		"modal" : false,
		"autoOpen" : false,
		"resizable" : false
    });

}


0
  • 답변 2

  • 천사와악마
    1k
    2021-09-15 22:38:45

    음.. 일단 오타요.

    dailog ==> dialog

  • 자바왕보초
    121
    2021-09-16 23:57:14

    아..... 감사합니다.... 

  • 로그인을 하시면 답변을 등록할 수 있습니다.