jquery-mobile - jQuery Mobile 破坏了我的网站

Question

当我只使用移动触摸屏设备时，我会在我的网站上加载 jQuery Mobile。当我这样做的时候。它搞砸了一切。例如，选择菜单的工作不太正确，页面底部也会出现“正在加载、正在加载、未定义”的字样。我知道我错过了一些东西，但不知道是什么。

关于我可能缺少什么的任何想法？

谢谢

编辑:好的，所以我取出了我正在运行的所有脚本，除了 jQuery 和 jQuery Mobile。我先调用 jQuery，然后调用 jQuery Mobile。它仍然破坏了网站的各个方面。

它打破了什么:
- 我无法通过导航栏导航到任何其他页面，如果我点击一个导航项目，然后查看 url，就会出现正确的 url(其中带有 #)，例如:/#/about-us/然后，它只是重定向到主页，页面变为白色

选择菜单有奇怪的结果。它打印出它旁边的选择中的任何内容。如果您在 ipad 上处于横向模式并单击选择，它会将您发送到页面底部(很奇怪)。

它在页面底部打印了两次“正在加载”和一次“未定义”

我所有的脚本都是 jQuery 和 jQuery Mobile。我还应该提到我正在使用 wordpress，所以它可能已经将其他一些脚本排入队列(我已经注销了 Wordpress 的 jquery 版本并将我自己的排入队列)

还有其他人遇到这些问题吗？

Answer 1

jQueryMobile用 Ajax 替换您的普通链接一，所以每个页面都可以通过ajax加载，文档页面上的文本:
(..) 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.
如果您想禁用 ajax 加载的单个链接，您应该编写如下内容:

<a href="/some_page" data-ajax="false" >link</a>

或在全局范围内执行:

$(document).bind("mobileinit", function() {
  $.mobile.ajaxEnabled = false;
});

jm 也会替换其他元素，所以你应该尝试使用 data-role属性，例如:

<select id="test" data-role="none">

禁用替换此元素。