javascript - jQuery mobile .changePage 无法正常工作

Question

这是一个用户登录屏幕，登录成功后我想显示另一个页面，这个“有点”有效，但成功登录后我得到两个页面的混合!它全部被覆盖了。所以只有当我刷新页面时我才能正确看到它。我也尝试使用 jQuery 版本 1.6.4 但没有帮助。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script src="//code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

<script>
   $.ajax({
   ...
   success: function (data){ 

      $.mobile.changePage('account.html'); 
 },
    });
</script>

另外除了下一页上的覆盖问题之外，还有一段 JavaScript 代码在我刷新页面之前不起作用。

  $(document).ready(function() {

    $(".infoBasic").click(function() {
     $(this).next('.infoDetails').slideToggle("50");
 });

}); 

Answer 1

这里有几个问题:

jQuery Mobile 1.1 仅适用于核心 jQueryverysions 1.6.4 和 1.7.1，而 Mobile 1.2 适用于核心 1.7.0 和 1.8.2

不支持

$(document).ready()。请改用 $(document).bind('pageinit') 。 http://jquerymobile.com/demos/1.2.0/docs/api/events.html

您的脚本引用不应以 // 开头，而是以 http://