2011-05-24 37 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