jquery - Jquery Mobile 与 Wordpress 管理栏冲突

Question

我在我的 Wordpress 网站上使用 Jquery Mobile。该站点中的所有内容都运行良好。只有当您在站点的前端时，它才会影响管理栏。管理员选项是可点击的，但它们不会通过。

我猜它与AJAX有关。

当您在站点的后端时，管理栏工作。我厌倦了使用：


      $(document).bind("mobileinit", function () {

            $.mobile.ajaxEnabled = 假；

      });

但这没有用。我确信它与 jQuery Mobile 有关。其他人有这个问题吗？关于如何解决这个问题的任何想法？

这些是我正在使用的版本：

jquery-1.8.3.min.js

jquery.mobile-1.3.0-beta.1.min.js

WordPress 3.5.1

score 0 · Accepted Answer

Ajax 导致我的网站返回错误的所有锚链接。禁用 AJAX 和页面转换解决了这个问题。

$(document).on("mobileinit", function(){
$.mobile.defaultPageTransition = 'none';
$.mobile.ajaxEnabled = false;});

score 0 · Accepted Answer

不幸的是，由于 jQuery Mobile 默认使用的 AJAX 导航，WordPress 中的管理栏不起作用。你必须小心你禁用 AJAX 导航的位置，它必须在你加载 jQuery 和 jQuery Mobile 之后。无论如何，这应该为您解决问题！

<script>
$(document).delegate("#jqm-page","pageinit", function() {
$.mobile.ajaxEnabled=false;
 });
</script>

注意：如果你真的喜欢 AJAX 导航，你应该可以在管理员用户登录时禁用它，但我没有尝试过。

此外，正如 Anthony 所说，如果您使用 WP 的 jQuery，那么您必须确保在noConflict模式下使用 jQuery。但是我认为，如果您从内容交付网络（即 jquery.com）为您正在使用的 JQM 版本注册并排队推荐的 jQuery 版本，那么无论如何您都会有更好的运气。

wp_deregister_script('jquery');
wp_register_script('jquery', ("http://code.jquery.com/jquery-1.9.1.min.js"), false);
wp_enqueue_script('jquery');

有关上述所有内容的更多详细信息，您可以尝试以下链接：

score 0 · Accepted Answer

您可能想尝试在noConflict模式下使用 jQuery，以防有多个版本正在加载（我会检查）或其他$要调用的库。

3 回答 3