所有脚本在移动设备上导航后停止工作

Question

我目前正在开发一个网站的移动版本，桌面版本运行完美。在移动设备上，在第一次导航（随机内部页面）之后，所有jQuery脚本都停止工作。即使我导航回索引，它也不会执行以前工作的脚本。

我已经包含了html部分，例如：

$(".header").load("header.html");

许多不同的页内脚本或幻灯片，切换按钮。

我知道DOM loading issue，尝试了所有解决方案，但都没有修复错误。

那么如何在不创建完全不同的网站移动版本的情况下解决这个问题呢？

Answer 1

尝试使用此代替load()。

$(document).ready(function(){
    $.ajax( {
    url: "header.html",
    type: "GET",
    cache: false,
    success: function(html) {
        $(".header").html(html);
      }
    });
});