Jquery and Sticky

时间:2014-01-06 作者:Francesco Craparo

我在我的网站的一个div中遇到jquery和sticky问题。我已经在我的页面中的标签“head”中包含了jQuery核心:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
接下来,在jQuery核心之后包括Sticky JS:

<script src="js/stickySidebar.js"></script>
我在里面写了这样的代码:

$(document).ready(function() {

  $(\'.one_fourth_style_4\').stickySidebar();

});
但它不起作用。链接:my page

1 个回复
SO网友:Pat J

首先,请使用wp_enqueue_script() 将JavaScript添加到WordPress页面。还要注意,jQuery默认在WordPress中加载;你没有必要这么做。

从同一页:

WordPress附带的jQuery库被设置为noConflict()模式(请参阅wp includes/js/jQuery/jQuery.js)。这是为了防止与WordPress可以链接的其他JavaScript库的兼容性问题。

在noConflict()模式下,jQuery的全局$快捷方式不可用[…]

但是,如果您确实喜欢短$而不是jQuery,则可以在代码周围使用以下包装器:

    jQuery(document).ready(function($) {
        // Inside of this function, $() will work as an alias for jQuery()
        // and other libraries also using $ will not be accessible under this shortcut
    });
[src]

因此,请将代码更改为:

jQuery(document).ready(function($) {
  $(\'.one_fourth_style_4\').stickySidebar();
});
它应该与WP的jQuery库一起工作。

结束

相关推荐

通过子主题函数.php文件将特色图片添加到RSS提要

我试图在一个运行pinbin儿童主题的博客上向我的RSS提要添加特色图像。当我安装并激活插件“将特色图像添加到RSS提要”时,它就可以工作了。当我尝试在子函数中粘贴此插件的代码时。php文件它不起作用(事实上,当它粘贴到我的functions.php文件中时,我在internet上发现的任何代码都不起作用,例如Can't Display Featured Image in RSS Feed )代码为function add_featured_image_to_feed($content) {&#x