jqModal 팝업이 작동하지 않습니다.

저는 기본 jqModal 팝업을 얻으려고 노력 중입니다. jqModal.css 파일이 (활성화되기 전에) 팝업 상자를 제대로 숨기고 있지만 팝업으로 가져올 수 없습니다. 내가 선jqModal 팝업이 작동하지 않습니다.

$("#modal-pop").jqm();

다음 다음 줄

$("h1").html("how are you?");

작품을 주석 때

<html> 
<head><title>Modal test </title> 
<link href="jqModal.css" type="text/css" rel="stylesheet"/> 

<script type="text/javascript" src="jqModal.js"></script> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#modal-pop").jqm(); 
    $("h1").html("how are you?"); 
}); 

</script> 

</head> 
<body> 
<style type="text/css"> 
body {background-color:red;} 
#modal-pop {background-color:green; 
      width:50px; 
      height:60px;} 
</style>  
<h1>Hello world</h1> 
<a href="#" class="jqModal">view</a> 
<div id="modal-pop" class="jqmWindow">This is a neat popup!</div> 
</body>

그렇지 않으면하지 않습니다 : 여기에

는 코드입니다. 나는 경로를 검사했다. jqModal.js는 실제로 코드에있는 것처럼 루트 디렉토리에있다.

출처

2012-07-03 user1015214

당신은 당신의 대답을 받아 들여야합니다. –

내가 본 다른 게시물을 기반으로 문제를 파악했습니다. jquery.js의 소스가있는 script 태그는 jquery의 플러그인이기 때문에 jqModal.js의 스크립트보다 먼저 실행해야하며 jquery 코드를 실행해야합니다.

출처

2012-07-05 20:20:22 user1015214

jqModal 팝업이 작동하지 않습니다.

답변

관련 문제