Question

我有一个移动页面，我有：

<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

提前致谢，阿莱克斯

Answer 1

首先，你有额外的结束div。在第一行你有：

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

并在最后一行

</div>

Answer 2

根据我的控制台，你有一个JS错误，关于在初始化之前无法调用某些东西，提到某些东西运行得太早：

＆＃34;未捕获错误：无法在初始化之前调用页面上的方法;试图调用方法＆＃39; bindRemove＆＃39;的jquery-1.11.0.min.js＆＃34;

你的slicknav初始化程序是不是在$（文件）.ready？

请记住，如果您要使用多页模型（一个单页的HTML文档，包含多个页面），JQM会拥有它自己的一组事件，在这种情况下，您必须挂钩这样的事情：< / p>

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

对于所有JQM活动see here。

slicknav不能与jquery.mobile一起使用

2 个答案: