2011-05-24 35 views
0

我在我的电脑上设置了nyroModal的DOM Element(hidden div)exmplae添加了js文件和样式表,但是当我点击链接来显示隐藏的div时,似乎什么都没有发生,任何人都可以提示我可能会出错的地方?jquery nyroModal只是不会显示我隐藏的div?

<!DOCTYPE html > 

<link rel="stylesheet" href="styles/nyroModal.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
<script type="text/javascript" src="js/jquery.nyroModal.js"></script> 
<!--[if IE 6]> 
    <script type="text/javascript" src="js/jquery.nyroModal-ie6.min.js"></script> 
<![endif]--> 
<script type="text/javascript"> 
    $(function() { 
     $('.nyroModal').nyroModal(); 
    }); 
</script> 

<a href="#test" class="nyroModal">DOM Element (hidden div)</a> 

<div id="test" style="display: none; width: 600px;"> 
    <a href="demoSent.php" class="nyroModal">Open a new modal</a><br /> 
    Test 
</div> 

+0

也许是因为链接(a href)也是一个nyroModal类?我想你点击链接'DOM Element(hidden div)'链接来显示'test'的ID的div。有了其他模态框架,您还必须指定哪个点击使模态元素显示出来。你不需要指定第一个链接必须打开模态div吗? – Michel 2011-05-24 12:03:24

+0

此代码片段取自http://nyromodal.nyrodev.com/网站,我还没有改变它? – styler 2011-05-24 12:06:16

+0

嗯,没有阅读你的帖子是否正确,你使用了示例代码,这应该确实工作。 – Michel 2011-05-24 12:07:56

回答

0

你的链接,而不是在div上有class="myroModal"。或者你需要更改$('.nyroModal').nyroModal();$('.test').nyroModal();

+0

我更新了div到.myroModal并且这个没有工作我也改变了脚本中的.nyroModal到#test,这也没用吗? – styler 2011-05-24 12:08:53

+0

@kyllle如果您从网站下载了zip文件,那么js文件名为jquery.nyroModal.custom.js。为我删除.custom允许您的原始代码正常工作。 – xecaps12 2011-05-24 12:21:52

+0

但那是非常我所做的,我注意到,实际上没有一个名为.nyroModal.custom的文件,所以我也删除了.custom,只是它不会为我工作? – styler 2011-05-24 12:24:30