Использование jQuery с другими библиотеками - PullRequest
0 голосов
/ 19 марта 2012

Моя домашняя страница содержит:

<script src="js/Config/jquery-1.4.3.min.js"></script>
<script src="js/Config/jquery.mobile-1.0a1.min.js"></script>

затем, кнопка, которая ведет меня на другую страницу test.html, которая содержит:

<script type="text/javascript">
    jQuery.noConflict();
    jQuery(document).ready(function()
    {
        getCategories();
        getnameCategories();
    });
</script>  
</head>
<body >...

Но jQuery (документ) .ready (функция () не работает !! И если я сделал только один вызов в одну библиотеку, либо jquery.mobile-1.0a1.min.js или jquery-1.4.3.min.js на домашней странице, код работает хорошо, но я теряю графику эффект jquery !!!! В чем проблема ??

Ответы [ 3 ]

1 голос
/ 19 марта 2012

Ваша новая страница test.html также должна содержать ссылку на библиотеку jquery-mobile.

Кроме того, при использовании jQuery Mobile используйте pageInit вместо функции ready(...) jQuery. Смотри документацию здесь .

0 голосов
/ 19 марта 2012

ваш jQuery(document).ready(function() не будет запускаться, поскольку jquery mobile загружает внешние страницы, ищет первую страницу вашего документа и не загружает связанные сценарии, указанные в разделе head.

Что вам нужно сделать, это загрузить все ваши java-скрипты на первую html-страницу, а также поместить код в $("#test").live("pageshow",function(){}, где test - это идентификатор первой страницы, расположенной в test.html

это должно выглядеть так в вашем .js:

$("#test").live("pageshow",function(){
    jQuery.noConflict();
    getCategories();
    getnameCategories();

}

и вот так в test.html:

    <!DOCTYPE html>
<html >
<head>
</head>
<body>
  <div id="test" data-role="page"> 

 </div>

</body>
</html>
0 голосов
/ 19 марта 2012

Я думаю, вам нужно проверить зависимые библиотеки Jquery « jquery.mobile-1.0a1.min.js » и вызвать эти зависимые библиотеки jquery на вашу страницу.Я имею в виду, вы должны называть библиотеки как,

<script src="js/Config/jquery.mobile.themeswitcher.js"></script>
<script src="js/Config/jqm-docs.js"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...