Foundation5在从javascript调用时显示未触发_Javascript_Ajax_Zurb Foundation

Foundation5在从javascript调用时显示未触发

javascript ajax zurb-foundation

Foundation5在从javascript调用时显示未触发,javascript,ajax,zurb-foundation,Javascript,Ajax,Zurb Foundation,刚刚将Zurb的Foundation4更新为5，我注意到的一件事是，我不能像我以前在版本4中那样使用揭露我从头开始下载了一个新的框架，但似乎仍然无法让启示发挥作用，下面是我得到的代码 <!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=devi

刚刚将Zurb的Foundation4更新为5，我注意到的一件事是，我不能像我以前在版本4中那样使用揭露

我从头开始下载了一个新的框架，但似乎仍然无法让启示发挥作用，下面是我得到的代码

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Foundation | Welcome</title>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.0.2/css/foundation.min.css" />
    <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.0/modernizr.min.js"></script>
  </head>
  <body>

    <h1>Reveal Test</h1>
    <p><a href="/server.php?id=1234" data-reveal-id="myModal1" data-reveal-ajax="true">Load via a href ajax (calling /server.php) - works!</a></p>
    <p><a id="fire-via-js">Load via javascript</a></p>

    <div id="myModal1" class="reveal-modal" data-reveal><a class="close-reveal-modal">&#215;</a></div>
    <div id="myModal2" class="reveal-modal" data-reveal><a class="close-reveal-modal">&#215;</a></div>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.0.2/js/foundation.min.js"></script>
    <script>
      $(document).foundation();
      $(document).ready(function() {

            // url with custom callbacks
            $('#fire-via-js').click(function() {
                $('#myModal2').foundation('reveal', 'open', {
                    url: '/server.php?id=5678',
                    success: function(data) {
                        alert('modal data loaded');
                    },
                    error: function() {
                        alert('failed loading modal');
                    }
                });
            });

        });
    </script>
  </body>
</html>


基金会欢迎
揭示试验

通过javascript加载
×
×
$（document.foundation（）；
$（文档）.ready（函数（）{
//带有自定义回调的url
$（“#通过js激发”）。单击（函数（）{
$（“#myModal2”）.foundation（'显示'，'打开'{
url:'/server.php？id=5678'，
成功：功能（数据）{
警报（“已加载模态数据”）；
},
错误：函数（）{
警报（“加载模式失败”）；
}
});
});
});

…它调用server.php文件，该文件就是

<?php

echo "hello world...<br />";

if(isset($_GET['id'])) {
    echo "got the id : ". $_GET['id'] ."<br />";
}

《基础》5的最新版本已经解决了这个问题，如达米安所指出的。于2014年2月25日下载并检查

啊，显然这是框架最新版本中的一个已知问题。是的，这是一个问题。这是一个