Question

我的Jquery移动代码存在问题。当我点击按钮时，它会将我重定向到另一个页面但是当我检查Firebug控制台时，有一个ajax调用：GET http://www.example.com/cz/cs/7_kontakty.html 200 OK 162ms。

代码：

{literal}
<script type="text/javascript">
// turn off Ajax (no compability with jQuery functions)
$(document).on("mobileinit", function () {
   $.mobile.ajaxEnabled = false;
});
</script>
{/literal}
<div class="menu-top" style="margin: 0 auto; text-align: center;" >
  <a class="globe" href="http://www.example.com/{$country}/{$lang}/7_kontakty.html?do=mob_countries" data-role="button" data-inline="true"><img width="37px" src="/css/globe_menu.png" alt="globe" /></a>
  <a class="message" href="http://www.example.com/{$country}/{$lang}/7_kontakty.html" data-role="button" data-inline="true"><img width="37px" src="http://www.example.com/css/message.png" alt="message" /></a>
</div>

Answer 1

如果你想在jQuery mobile中关闭AJAX导航，你需要确保在中加载jQuery Mobile之前在原型上将$.mobile.ajaxEnabled属性设置为false。 / p>

换句话说，您需要做的事情如下：

... <script type="text/javascript" src="//[cdn or your local path to jQuery goes here]" /> ... <script type="text/javascript"> $(document).on("mobileinit", function() { $.mobile.ajaxEnabled = false; }); </script> ... <script type="text/javascript" src="//[cdn or your local path to jQuery Mobile goes here]" />

这是有效的，因为您正在直接更改原型（将其视为设置变量），这不需要加载库。初始化时，库将在$.mobile原型上查找设置，并使用这些设置来确定是否打开AJAX导航。

如果您想更改更多设置，就像我在个人网站上所做的那样，您可以执行以下操作：

$(document).on("mobileinit", function() { $.extend( $.mobile, { ajaxEnabled: !1, defaultPageTransition: "none" }) });

因为在一个额外的JS文件中加载的性能很小，所以我更喜欢将我的移动设置放在一个单独的文件中，只是为了在浏览源时保持整洁（个人偏好）。如果您想查看禁用AJAX导航的工作示例，可以查看my personal site的源代码。

Jquery mobile - 当我点击按钮时为什么有ajax调用？

1 个答案: