Jquery Mobile与Wordpress Admin Bar冲突

时间:2013-10-08 21:28:25

标签: jquery wordpress jquery-mobile jquery-mobile-ajax

我在我的Wordpress网站上使用Jquery Mobile。网站上的一切工作都非常好。只有当您位于站点的前端时才会影响管理栏。管理员选项是可点击的,但它们不会通过。

我猜它与AJAX有关。

当您位于网站的后端时,管理栏可以正常工作。我厌倦了:



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

            $.mobile.ajaxEnabled = false;

      });


但那没用。我肯定知道它与jQuery Mobile有关。其他人有这个问题吗?关于如何解决这个问题的任何想法?

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

的jquery-1.8.3.min.js

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

WordPress 3.5.1

3 个答案:

答案 0 :(得分:0)

您可能希望尝试在noConflict模式下使用jQuery,以防加载多个版本(我会检查)或使用$调用其他库。

答案 1 :(得分:0)

不幸的是,由于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)注册和排队推荐的jQuery版本,你将获得更好的运气。

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

有关上述所有内容的其他详细信息,您可以尝试以下链接:

http://wordpress.org/support/topic/integration-of-jquery-mobile-into-wordpress-breaks-linking-to-admin-panels?replies=7

http://tutsme-webdesign.info/twenty-eleven-jquery-mobile-theme/

答案 2 :(得分:0)

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

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