Jquery mobile预加载页面停止工作

Question

我的实际问题如下。如果这个问题得到解决，我会很高兴。

我想知道为什么jquery Preloaded url停止工作。下面是复制我的问题的步骤。

1. 访问http://www.andymatthews.net/code/autocomplete/。

2. 输入“m”

3. 您将获得名称列表。点击任何一个。

4. 例如，我点击了http://www.andymatthews.net/code/autocomplete/target.html?term=Maryland。

5. 现在为什么选择工具在页面预加载后无效。

6. 如果我重新加载http://www.andymatthews.net/code/autocomplete/target.html?term=Maryland它运作正常

但是，如果它预先加载了它停止工作的原因。

如果无法解决，请告诉我是否有任何可用于停止单页预加载的功能。

Answer 1

我认为这样可行，但您可以在链接和表单操作上使用data-ajax="false" attr

Answer 2

您已在change内放置了selectmenu .ready()事件，该事件不应在jQuery mobile中使用。等效事件为pageinit。

此外，使用window.location.href来激活jQuery Mobile使用的Ajax导航，而不是使用$.mobile.chagnePage()。

$(document).on("pageinit", "#mainPage", function () {
  $("#examples").on("change", function () {
    var page = $(this).val();
    setTimeout(function () {
      $.mobile.changePage(page);
    }, 100);
  });
});

Answer 3

只需将您的code.js on事件处理程序更新为：

$('body').on('change', '#examples', function(e, ui) {

它会起作用！在这里测试过。