jQuery Mobile 破坏了我的网站

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

关于我可能会错过什么有什么想法吗？

Thanks

编辑：好的，所以我取出了除 jQuery 和 jQuery Mobile 之外正在运行的所有脚本。我首先调用 jQuery，然后调用 jQuery Mobile。它仍然破坏了该网站的某些方面。

它破坏了什么： - 我无法通过导航栏导航到任何其他页面，如果我单击导航项，然后查看网址，则会出现正确的网址（其中带有#），例如：/#/about-us/ 然后，它只是重定向到主页并且页面变为白色

• 选择菜单有奇怪的结果。它会打印出其旁边的选择中的所有内容。如果你在 iPad 上处于横向模式并单击选择，它会将你带到页面底部（奇怪）。

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

我所拥有的脚本只有 jQuery 和 jQuery Mobile。我还应该提到，我正在使用 WordPress，因此它可能已将一些其他脚本排入队列（我已取消注册 WordPress 版本的 jquery 并将我自己的脚本排入队列）

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

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">

禁用替换该元素。