提到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函数调用。
为了让它工作,我在()中插入了$。你能纠正一下吗?
最合适的回答,由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代码的其余部分都是正确的。