Question

我的主页包含：

<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（function（）不能正常工作!! 如果我只在主页上调用一个库，jquery.mobile-1.0a1.min.js或jquery-1.4.3.min.js，代码运行良好，但我丢失了图形jquery的效果!!!!有什么问题??

Answer 1

您的新页面test.html还应包含对jquery-mobile库的引用。

此外，使用jQuery Mobile时，请使用pageInit而不是jQuery的ready(...)功能。请参阅文档here。

Answer 2

我认为，您需要检查“ jquery.mobile-1.0a1.min.js ”的依赖Jquery库，并且需要调用依赖的jquery库链接到您的页面。我的意思是你应该像这样调用库，

<script src="js/Config/jquery.mobile.themeswitcher.js"></script>
<script src="js/Config/jqm-docs.js"></script>

Answer 3

当jquery移动加载外部页面时，jQuery(document).ready(function()将不会触发，因为它会查找文档的第一页，并且不会加载head部分中指定的关联脚本。

你需要做的是在你的第一个html页面中加载所有的java脚本，并将代码放在$("#test").live("pageshow",function(){}中，其中test是test.html中第一页的id

它应该在你的.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>

将jQuery与其他库一起使用

3 个答案: