0

我有一个移动页面,其中有:

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>
<script src="jquery.slicknav.min.js"></script>

和 :

<div id="demo1"></div>
    <ul id="menu">
        <li>
            <a class="scroll" href="menukort1.php" data-transition="pop">Features</a></li>
        <li>
            <a class="scroll" href="menukort1.php" data-transition="pop">Usage Instructions</a></li>
        <li>
            <a class="scroll" href="menukort1.php" data-transition="pop">Examples</a></li>
    </ul>
</div>

用户点击每个菜单按钮后发生的事情不是我们所期望的。pade 的中心显示了一个加载器栏,并且没有加载链接。我认为javascripts之间存在问题,但控制台上没有错误日志。

链接是:http: //62-135-219-219-dynamic.dk.customer.tdc.net/admin/menukort.php

提前致谢, 阿列克斯

4

2 回答 2

1

首先,您有额外的关闭 div。在第一行你有:

<div id="demo1"></div>

在最后一行

</div>
于 2014-09-15T15:14:19.273 回答
0

根据我的控制台,您有一个关于无法在初始化之前调用某些东西的 JS 错误,这表明某些东西运行得太早了:

“未捕获的错误:无法在初始化之前调用页面上的方法;试图调用方法 'bindRemove' jquery-1.11.0.min.js”

您的 slicknav 初始化程序不应该在 $(document).ready 中吗?

请记住,如果您要使用多页模型(一个带有多个页面的 HTML 文档),JQM 有它自己的一组事件,在这种情况下,您必须连接到这样的东西:

        $(document).delegate("div[data-role='page']", "pageshow", function () {
           //this runs when any new 'page' is shown
        }

对于所有 JQM 事件,请参见此处

于 2014-09-15T15:31:22.847 回答