作为jQuery函数调用的Java脚本?

时间:2014-01-02 作者:user44529

提到Nice scroll to wordpress

wordpress以noconflicts模式运行jquery,这意味着您需要使用jquery函数调用编写JS代码

var seq = 0;

  $(document).ready(function() {    
    $("html").niceScroll({styler:"fb",cursorcolor:"#000"});

    $("#mainlogo img").eq(1).hide();
    function goSeq() {
      var nxt = (seq+1)%2;
      $("#mainlogo img").eq(seq).fadeIn(2000);
      $("#mainlogo img").eq(nxt).fadeOut(2000);
      seq = nxt;
      setTimeout(goSeq,2500);
    };
    goSeq();

    $(window).load(function(){
      setTimeout(function(){
        $("#gmbox div").animate({\'top\':60},1500,"easeOutElastic");
      },1500);
    });

    function trackLink(link, category, action) {
      try {
        _gaq.push([\'_trackEvent\', \'tracklink\' ,\'click\',link.href ]);
        setTimeout(\'document.location = "\' + link.href + \'"\', 100)
      }catch(err){}
    }

    $(\'[rel="outbound"]\').click(function(e){      
      try {
        _gaq.push([\'_trackEvent\',\'outbound\',\'click\',this.href]);
      }catch(err){}
    });

  });
这是我想在函数中添加的javascript。js使用Jquery函数调用。

为了让它工作,我在()中插入了$。你能纠正一下吗?

1 个回复
最合适的回答,由SO网友:Pat J 整理而成

请参阅上的Codex部分jQuery noConflict wrappers in WordPress:

[…]如果您确实喜欢短$而不是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
});
所以,在你的情况下,你可以使用

var seq = 0;

jQuery(document).ready(function($) {

    $("html").niceScroll({styler:"fb",cursorcolor:"#000"});

    $("#mainlogo img").eq(1).hide();
    function goSeq() {
      var nxt = (seq+1)%2;
      $("#mainlogo img").eq(seq).fadeIn(2000);
      $("#mainlogo img").eq(nxt).fadeOut(2000);
      seq = nxt;
      setTimeout(goSeq,2500);
    };
    goSeq();

    $(window).load(function(){
      setTimeout(function(){
        $("#gmbox div").animate({\'top\':60},1500,"easeOutElastic");
      },1500);
    });

    function trackLink(link, category, action) {
      try {
        _gaq.push([\'_trackEvent\', \'tracklink\' ,\'click\',link.href ]);
        setTimeout(\'document.location = "\' + link.href + \'"\', 100)
      }catch(err){}
    }

    $(\'[rel="outbound"]\').click(function(e){      
      try {
        _gaq.push([\'_trackEvent\',\'outbound\',\'click\',this.href]);
      }catch(err){}
    });

});
。。。当然,假设JS代码的其余部分都是正确的。

结束

相关推荐

插入jQuery天气代码后,我的响应菜单丢失

存在问题的站点-http://rheareview.com我有一个基于wordpress(多站点)的社区新闻网站。任务是放置一个包含当前温度的天气提要,包括“天气状况良好”图标。我想我找到了zweatherfeed的解决方案http://www.zazar.net/developers/jquery/zweatherfeed/. 我在插入jquery天气后发现。。。我的菜单在到达第一个响应断点(浏览器宽度768px)时不会显示。我知道是weatherfeed给我带来了问题。当我从标题中删除提要时。php