此jQuery代码片段似乎不适用于WordPress

时间：2013-08-20 作者：Poisontonomes

我并不是一个真正的jQuery爱好者，所以我不太清楚为什么这个jQuery模态lightbox小片段不起作用。

我是否缺少任何类型的WP特定代码？

如果有帮助的话，我正在将脚本排入标题中

$(window).load(function(){
    var lightBox = $(\'#lightbox\'),
    lightBoxContent = $(\'#lb-content\');
    var positionLightbox = function() {
        var veiwWidth = $(window).width(),
        lbContentMargin = (veiwWidth / 2) - 148,
        lbContent = $(\'#lb-content\');
        lbContent.css({
            \'left\' : lbContentMargin,
            \'top\' : $(window).scrollTop() + 50 + \'px\'
        });
    };

    $(\'.modal-trigger\').click(function() {
        lightBox.fadeIn(function() {
        lightBoxContent.show();
    });
    positionLightbox();
    });
    $(\'#lb-close\').click(function() {
        lightBox.hide();
        lightBoxContent.hide();
    });
});

2 个回复
最合适的回答,由SO网友:Anjum 整理而成

问题出在变量定义语法中，您还需要将jQuery脚本包装到no conflict 包装器，试试这个

jQuery(window).load(function($) {
   // your function
});
或

(function($) {
  // your function
})(jQuery);
完成工作脚本

(function($) {
   $(window).load(function() {
     var lightBox = $(\'#lightbox\');
     var lightBoxContent = $(\'#lb-content\');
     var positionLightbox = function() {
         var veiwWidth = $(window).width();
         var lbContentMargin = (veiwWidth / 2) - 148;
         var lbContent = $(\'#lb-content\');
         lbContent.css({
           \'left\' : lbContentMargin,
           \'top\' : $(window).scrollTop() + 50 + \'px\'
         });
     };

     $(\'.modal-trigger\').click(function() {
         lightBox.fadeIn(function() {
         lightBoxContent.show();
     });
     positionLightbox();
     });
     $(\'#lb-close\').click(function() {
         lightBox.hide();
         lightBoxContent.hide();
     });
   });
})(jQuery);

SO网友:Otto

很可能是因为您使用的是美元符号快捷方式，而没有将其放入无冲突包装中。

http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_Wrappers

结束
标签： jquery   小码农  

相关推荐

Custom Taxonomy + JQuery Tabs

我在我的主页上创建了一个使用JQuery标签插件的小部件。因此，标签导航由自定义分类标题组成，下面的内容应该与这些标签相关。换句话说，每次用户点击标签时，我都想显示与分类法相关的帖子。以下是我目前的代码：//This part of my code creates tabs navigation <ul id=\"tab-menu\" class=\"menu_tabify\"> <?php $terms = get_terms(\'post_categ