Question

我目前正在将我的HTML转换为WordPress网站。该网站使用'inview'jQuery插件。

我似乎无法在WordPress中使用它。

我在header.php中插入了插件链接：src="js/jquery.inview.js"

以及footer.php中的以下内容：

<script type="text/jscript">
$('#seoHomeImage, #socialBar').bind('inview', function(event, visible) {
if (visible) {
$(this).stop().animate({ opacity: 1 });
} else {
$(this).stop().animate({ opacity: 0 });
}
});
</script>

我还从 Chris Coyiers空白主题中获得了这个功能：

if ( !is_admin() ) {
   wp_deregister_script('jquery');
   wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"), false);
   wp_enqueue_script('jquery');
}

我是否必须以某种方式链接功能页面中的“inview”插件？

感谢您寻找： - ）

Answer 1

当DOM完成事件时，您应该将此代码放入document.ready部分

    $(function () {
        $('#seoHomeImage, #socialBar').bind('inview', function(event, visible) {
            if (visible) {
                $(this).stop().animate({ opacity: 1 });
            } else {
                $(this).stop().animate({ opacity: 0 });
            }
        });
    });

在WordPress中包含一个jQuery插件

1 个答案: