粉底5顯示模式不工作

我使用基金會5爲我的迷你項目。我想使用框架的揭示/模式功能。但它似乎不起作用。

的index.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Job Posting</title> 
    <link rel="stylesheet" type="text/css" href="../css/normalize.css"> 
    <link rel="stylesheet" type="text/css" href="../css/foundation.min.css"> 

    <script type="text/javascript" src="../js/vendor/custom.modernizr.js"></script> 
</head> 
<body> 
    <a href="#" class="button" data-reveal-id="myNormal">click</a> 
    <div class="reveal-modal" id="myNormal"> 
     Modal 
     <a class="close-reveal-modal">x</a> 
    </div> 
    <script src="../js/vendor/jquery.js"></script> 
    <script src="../js/foundation/foundation.js"></script> 
    <script src="../js/foundation/foundation.reveal.js"></script> 
    <script> 
     $(document).foundation(); 
    </script> 
</body>

我敢肯定的是，瀏覽器加載的JS，因爲它不顯示在調試器中的任何錯誤。而且我知道這是我遺漏的代碼中的某個地方，但是我遇到這個問題已經過了幾個小時了。任何幫助將非常感激。

來源

2013-11-28 Boy Pasmo

不錯，很不錯的感謝！ –

你可能已經忘記數據顯示：

<div class="reveal-modal" id="myNormal" data-reveal>

來源

2013-11-28 11:00:04 Oliv

非常感謝你！現在我可以繼續前進。 –

太棒了。我遇到了同樣的問題，這篇文章救了我 –

粉底5顯示模式不工作

回答

相關問題