乌徒帮技术范WordPressWordPress开发 › wordpress插件后台界面中如何使用JQuery

wordpress插件后台界面中如何使用JQuery

分类:WordPress开发

我们都知道wordpress内置了JQuery库,但是在后台开发中,我们使用一般的JQuery起头$(document).ready(function(){})时却发现代码不起效果,其实这和JS库有关,$并非万能的,在wordpress后台确实已经引用了JQuery库,我们可以使用jQuery(function($){})来撰写我们的JQuery代码,在内部的代码可以和我们熟悉的写法相同,而如果在其他地方我们不使用jQuery(function($){})打头,我们则最好将$全部替换为jQuery。

在wordpress的jQuery库中,有一个和完整的jQuery库不同的是,$和完整的jQuery库中的$不同,我们需要定义它才能向在完整的jQuery库下才能使用。这也是我建议使用jQuery(function($){})来打头的原因。我们举几个例子:

1、使用$(document).ready(function(){});无效,其中的代码不会发生作用。

2、使用jQuery(document).ready(function(){});打头,其中的代码可以生效,但是我们只能用jQuery()替代完整库中的$()选择器。例如:

jQuery(document).ready(function(){
	jQuery('#test').css('background','red');
});

3、使用jQuery(function($){})打头,其中的代码可以像完整的库中使用代码一样,如:

jQuery(document).ready(function(){
	$('#test').css('background','red');
});
填写个人信息,赶快回复吧!