无法使此jQuery代码段与WordPress一起工作

时间:2013-12-23 作者:Poisontonomes

我正在使用这个CSS技巧中的小宝石,在元素出现在视口窗口中时将其应用于类,但它似乎不适用于我的基于WP的站点。。。

(function($) {

$.fn.visible = function(partial) {

  var $t            = $(this),
      $w            = $(window),
      viewTop       = $w.scrollTop(),
      viewBottom    = viewTop + $w.height(),
      _top          = $t.offset().top,
      _bottom       = _top + $t.height(),
      compareTop    = partial === true ? _bottom : _top,
      compareBottom = partial === true ? _top : _bottom;

return ((compareBottom <= viewBottom) && (compareTop >= viewTop));

};

})(jQuery);

var win = $(window);
var allMods = $(".work-thumb");

allMods.each(function(i, el) {
    var el = $(el);
    if (el.visible(true)) {
        el.addClass("already-visible"); 
    } 
});

win.scroll(function(event) {

allMods.each(function(i, el) {
    var el = $(el);
    if (el.visible(true)) {
    el.addClass("come-in"); 
} 
});

});
我一辈子都搞不清楚到底出了什么问题。

有人有什么想法吗?

1 个回复
SO网友:keatch

看见this question for an answer. 你也可以这样做

var $ = jQuery.noConflict()
在脚本之前。

结束