php – Jquery Mobile：新的Ajax加载页面没有加载新的JS

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了php – Jquery Mobile：新的Ajax加载页面没有加载新的JS，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1287字，纯文字阅读大概需要2分钟。

内容图文

这是我目前的设置.

我在jquery移动框架上运行了两个页面.

> index.php
> article.php

在麻烦的标题我有一个名为评级的js文件.

这是我的js ratings.js：

$(document).ready(function(){
    $("#rating_1").click(function () {
        $("#rating_2").css('backgroundPosition', '0px 0px');
        $(this).css('backgroundPosition', '-45px 0px');
    }); 
}); 

当我加载index.php然后转到article.php时,我的触发器都没有给ratings.js工作.

如果我添加rel =“external”或data-ajax =“false”我的触发器工作.
然而,我失去了装载轮出现的能力.

有什么建议？

谢谢！

解决方法:

Important: Use $(document).bind('pageinit'), not
$(document).ready()

The first thing you learn in jQuery is to call code inside the
$(document).ready() function so everything will execute as soon as
the DOM is loaded. However, in jQuery Mobile, Ajax is used to load the
contents of each page into the DOM as you navigate, and the DOM ready
handler only executes for the first page. To execute code whenever a
new page is loaded and created, you can bind to the pageinit event.
This event is explained in detail at the bottom of this page.

> http://jquerymobile.com/demos/1.1.0/docs/api/events.html

尝试：

$(document).bind('pageinit', function() {
    $("#rating_1").click(function() {
        $("#rating_2").css('backgroundPosition', '0px 0px');
        $(this).css('backgroundPosition', '-45px 0px');
    }); 
});

内容总结

以上是互联网集市为您收集整理的php – Jquery Mobile：新的Ajax加载页面没有加载新的JS全部内容，希望文章能够帮你解决php – Jquery Mobile：新的Ajax加载页面没有加载新的JS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端