Question

刚刚更新了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>

...它调用server.php文件就是这个......

<?php

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

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

根据文档，“基于Ajax的Reveal模式也可以通过JavaScript打开：”这很好，因为它只是它以前的工作方式，但当我尝试通过javascript加载它时，它只是不会返回从php文件输出到模态。

也许我错过了一些基本的东西，现在已经把这些新东西的旧电话移植了几个小时所以如果这是一个愚蠢的错过，那么拥有一个指针会很棒！

Answer 1

达米恩指出，基金会5的最新版本解决了这个问题。已下载并于2014年2月25日检查

在从javascript调用时，Foundation5显示没有触发

1 个答案: