2013-02-18 107 views
1

我有这段JavaScript代码,我必须将其与jquery noConflict转换为了使它与WordPress的jQuery的工作。你有什么线索可以做到吗?将jquery转换为jquery noConflict

var initCharts = function() { 
var charts = $('.percentage'); 
    charts.easyPieChart({ 
    animate: 2000 
    }); 
} 

感谢您的帮助

+0

',使其与WordPress jquery'工作。什么是WordPress的jQuery?除非Wordpress使用它自己的jQuery版本,否则你不需要防止冲突 – Curt 2013-02-18 15:00:23

+1

你需要调用'$ .noConflict()',然后无论你在jQuery中使用'$',只需将它替换为'jQuery'即可。 – Jonathan 2013-02-18 15:00:41

+1

curt wordpress说关于jquery _注意:WordPress中包含的jQuery库在“无冲突”模式下加载。这是为了防止WordPress可以加载的其他JavaScript库的兼容性问题._ – 2013-02-18 15:07:02

回答

2

http://api.jquery.com/jQuery.noConflict/

jQuery.noConflict(); 
(function($) { 
    $(function() { 

var initCharts = function() { 
var charts = $('.percentage'); 
    charts.easyPieChart({ 
    animate: 2000 
    }); 
} 

    }); 
})(jQuery); 
+0

看起来您将此函数作为'document.ready'处理程序传递,这与OP的代码并不完全相同。 – bdesham 2013-02-18 15:01:03

+0

谢谢AlexC代码我会试试看! – 2013-02-18 15:05:57

+0

@bdesham在'.ready()'调用中包装它最糟糕的情况是什么都不会改变,并且最好在错误的时间修复一个未知的问题,因为绑定'.ready()'时它已经发生只会立即执行传递的函数。 – 2013-02-18 15:17:34

0
$.noConflict(); 


(function($) { 
    $(function() { 
    // more code using $ as alias to jQuery 
    }); 
})(jQuery); 
// other code using $ as an alias to the other library 

基于您的代码:

(function($){ 
    $(document).ready(function() { 
     var initCharts = function() { 
     var charts = $('.percentage'); 
     charts.easyPieChart({ 
     animate: 2000 
     }); 
    } 
    }); 
})(jQuery);