jqModal弹出不工作

我一直在试图获得一个基本的jqModal弹出窗口，我陷入困境。 jqModal.css文件正确地隐藏了弹出框（在它被激活之前），但我无法将其弹出。jqModal弹出不工作

下面是代码：

<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>

当我注释掉线

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

然后下一行

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

作品，否则就没有。我检查了路径，jqModal.js确实位于代码中的根目录中。

来源

2012-07-03 user1015214

你应该接受你自己的答案。 –

基于我看到的另一篇文章，我想出了这个问题。带有jquery.js源代码的script标签需要位于jqModal.js的脚本之前，因为它是jquery的插件，需要运行jquery代码。

来源

2012-07-05 20:20:22 user1015214

jqModal弹出不工作

回答

相关问题