slicknav не работает с jquery.mobile

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>

То, что происходит после того, как пользователь нажимает на каждую из кнопок меню, мы не ожидаем. В центре панели отображается панель загрузки, и ссылка не загружается. Я думаю, что есть проблема между 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 из-за невозможности вызвать что-либо до инициализации, потому что отладка чего-либо выполняется слишком рано:

"Uncaught Error: невозможно вызвать методы на странице до инициализации; попытка вызвать метод" bindRemove "jquery-1.11.0.min.js"

Если ваш инициализатор slicknav не находится в $(document).ready?

И помните, у JQM есть свой собственный набор событий, если вы собираетесь использовать многостраничную модель (один документ HTML с несколькими страницами), и в этом случае вам нужно подключиться к чему-то вроде этого:

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

Для всех событий JQM смотрите здесь.