首页 > 其他 > 网站日记>正文

帝国二开中的动态加载jquery体会

提示: 阅读权限:公开  

在帝国二开中,不开避免的要和jquery打交道。

但是,不知道客户的环境,也许他们已经加载过jquery,也许没有。


那就检查下,如果加载就算了。如果没有,就动态加载。


代码如下:

if(!(window.jQuery)) {
  var s = document.createElement('script');  
  var protocolStr = document.location.protocol;
  s.setAttribute('src', protocolStr+'//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js');
  s.setAttribute('type', 'text/javascript');
  document.getElementsByTagName('head')[0].appendChild(s);
 }


实践发现,动态加载的jquery,不能执行window.onload事件:

$(function () { });

控制台会有错误,$没有定义。静态加载的jquery则没有这个问题。


无奈,使用

window.onload=function(){
    // 此处为代码
   }

加载。在这个函数的内部,是可以使用$对象的。


同时开发两个插件的时候,问题出来了,window.onload只认最后一次定义的,以前的统统覆盖无效。悲剧啊。


百般和度娘交流,采用了这样的方法:


if(window.addEventListener){
  window.addEventListener("load",jhcload,false);

}
else{
  window.attachEvent("onload",jhcload);
 
}

来代替,window.onload,问题得到解决。


一个完整的代码例子:

if(!(window.jQuery)) {
  var s = document.createElement('script');  
  var protocolStr = document.location.protocol;
  s.setAttribute('src', protocolStr+'//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js');
  s.setAttribute('type', 'text/javascript');
  document.getElementsByTagName('head')[0].appendChild(s);
 }


if(window.addEventListener){
  window.addEventListener("load",jhcload,false);

}
else{
  window.attachEvent("onload",jhcload);
 
}


function jhcload(){
     
    if(!$('#msg_title').length){
        $('input[name="title"]').parent('td').append('<span id="msg_title">标题唯一性检测</span>');
    }
   
	$('input[name="title"]').blur(function(){
		var $user_val=$(this).val();
		this.value=this.value.replace(/[!!¥……*——+、#$%&'"/=??。,《》<>·^`{|}~“”]|s|-|(|)|[uff00-uffff]/g,'');
		$.ajax({
			data:{
			   classid: $('input[name="classid"]').val(),
			   title: $('input[name="title"]').val(),
			   sid:Math.random(),
			   id:$('input[name="id"]').val()
			},
			type: "POST",
			url:"/e/extend/oneTitle/index.php",
			async:true,
			dataType:"json",
			success:function(data){
				$('#msg_title').html(data['text']);
				return false;
			},
			error:function(jqXHR){
			  	alert('检测标题重复时出现错误,请检查相关文件路径'.url);
				return false;
			}
		});	
	});
}


上一篇:帝国cms查询技巧之关键字

下一篇:帝国cms后台找回丢失的右键菜单

tags: 体会 插件 jquery 帝国

返回首页

相关

热门

站内直通车

[!--temp.bottomnav--]
返回顶部