WordPress init admin_init 加载多次js文件后，js扩展不能运行

90 阅读 0 评论 60 点赞

我是靠谱客的博主粗心眼神，这篇文章主要介绍WordPress init admin_init 加载多次js文件后，js扩展不能运行，现在分享给大家，希望可以做个参考。

js文件：

复制代码

1
2
3
4
5
6
7
(function($){
$.fn.bar4 = function(options) {
var defaults = {aaa:'1',bbb:'2'};
var opts = $.extend(defaults, options);
alert('参数值:aaa:'+opts.aaa+';bbb:'+opts.bbb);
}
})(jQuery);

加载：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php

add_action('init', 'hi_register_scripts');
function hi_register_scripts( ) {
	
	wp_register_script( "ttt.js", hi_make_url( array(HILIB_URL, "assets", "ttt.js"), array() ), array('jquery') );
	wp_enqueue_script( "ttt.js");
}
add_action('admin_init', 'hi_register_scripts_admin');
function hi_register_scripts_admin( ) {
	
	wp_register_script( "ttt.js", hi_make_url( array(HILIB_URL, "assets", "ttt.js"), array() ), array('jquery') );
	wp_enqueue_script( "ttt.js");
}
?>

使用：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<?php

function hi_msg( $selector, $args ){
	
	?>
	<script type="text/javascript">
		
		;(function($){			
			$(document).on('ready', function(){
			alert($('#hipost-form').bar4);
			  //$('#hipost-form').tipso('show');
			});			
		})(jQuery)
	</script>
		
	<?php
	
}

alert($('#hipost-form').bar4); 此处，弹出的对话框显示　$('#hipost-form').bar4　为　undefinend

如果把加载代码改为下面，也就是只加载一次，$('#hipost-form').bar4　为　function

加载：

复制代码

1
2
3
4
<?php
if( !is_admin() ){	
	add_action('init', 'hi_register_scripts');
	function hi_register_scripts( ) {<span style="font-family: Arial, Helvetica, sans-serif;">		</span>

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
		wp_register_script( "ttt.js", hi_make_url( array(HILIB_URL, "assets", "ttt.js"), array() ), array('jquery') );
		wp_enqueue_script( "ttt.js");
	}
	
}

if( is_admin() ){	
	add_action('admin_init', 'hi_register_scripts_admin');
	function hi_register_scripts_admin( ) {		
		wp_register_script( "ttt.js", hi_make_url( array(HILIB_URL, "assets", "ttt.js"), array() ), array('jquery') );
		wp_enqueue_script( "ttt.js");
	}	
}

?>