jquery的load方法加载页面空白,js不起作用

jquery的load方法加载页面空白,js不起作用,但是页面不是完全空白,html进行了加载,但是js没有加载,最后使用博主的第二个方法解决。但是毕竟困惑的是我所用的封装的load是做了 _loadScript(scripts[i]);的封装和调用,不明白为什么要再次加载才能解决。
解决方法入下:
https://mp.csdn.net/configure 转载此大佬

orange.loadPage({url: updateUrl, target: _target, selector:
_selector, success:

function(response) {
$(’#designTableZ’).bootstrapTable(‘refresh’);
var sc = document.createElement(“script”);
sc.src= “resources/js/questionSystem/nation/design.js”;
$(“body”).append(sc);
}});

封装的load如下

// 加载远程内容到指定页面 // params(Object): {url(String): 远程加载地址,
target(String): 被加载元素的ID, selector(String): 页面选择器,
// replace(true/false): 是否替换原有内容, success(Function): 加载成功回调函数}
function loadPage(params) { if(params && typeof params ===
‘object’) {
var url = params[‘url’], target = params[‘target’]?$(’#’+ params[‘target’]) : $(‘BODY’), selector = params[‘selector’],
data = params[‘data’], type = data?‘POST’ : ‘GET’, replace = params[‘replace’] === false?false : true, callback = undefined;
callback = (params[‘success’] && typeof params[‘success’] === ‘function’)?callback = params[‘success’] : callback;
if(typeof url !== ‘string’ || !url) {
throw new Error(‘加载远程内容到指定页面失败,地址参数非法’);
} else {
if(replace) {
target.empty();
}
$.ajax({
url: url,
type: type,
data: data,
dataType: ‘html’
}).done(function(responseText) {
if(target.children.length == 0) { return; }
var response = . p a r s e H T M L ( r e s p o n s e T e x t , t r u e ) , s c r i p t s = [ ] ; t a r g e t . a p p e n d ( s e l e c t o r ? .parseHTML(responseText, true), scripts = []; target.append(selector? .parseHTML(responseText,true),scripts=[];target.append(selector?(’

’).append(response).find(selector):responseText);
for(var i=0; i<response.length; i++) {
if(response[i].nodeName == “LINK”) {
_loadCss(response[i].href);
}else if(response[i].nodeName == “SCRIPT”) {
scripts.push(response[i].src);
}
}
for(var i=0; i<scripts.length; i++) {
_loadScript(scripts[i]);
}
}).always(callback && function(responseText) {
callback.call(callback, responseText);
});
} } else {
throw new Error(‘加载远程内容到指定页面失败,参数非法’); } }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值