页面需要有这一功能,通过点击不同的按钮,在同一<div class='tab-content'></div>中展示不同的内容。
可使用Jquery的load函数
$('.tab-content').load('./fragment/xxx.html');
但发现了其它问题:原来xxx.html所绑定的js都已经失效
问题原因:我的JS代码是这样写的:
$(function(){
$('.tab-content').load('./fragment/xxx.html');
})
这样会导致整个html(包括引用的JS代码)已经加载完成才进行的load操作,JS的代码没能绑定在后加载的xxx.html页面上。
怎么办?
可以这样调用:
$(function(){
$('.tab-content').load('./fragment/xxx.html',function(){
//在这里再重新加载一次JS,$.getScript为异步函数
$.getScript('./JS/xxx.js',function(){
alert('重新载入xxx.js');
});
})
分享到:
相关推荐
HTML图片懒加载,亲测可用,插件也比较小,使用起来挺方便的.根据jquery 提供的 lazyload.js 插件实现图片懒加载,demo 在最下面。 lazyLoading.js 可以缓解庞大项目的网络压力lazyLoading.js图片懒加载
在一个JSP页面里面根据条件动态的加载另一个jsp页面,另一个jsp页面是根据条件从数据库中提取的数据表格。
用法非常简单,基于原生 JS CSS 开箱即用 在head中引入css,在body第一行引入js 即可失效酷炫的页面加载特效 详细介绍参考 https://zzzmh.cn/single?id=53
单文件HTML本地引入elementUI
vue动态加载JavaScript:动态的创建Script元素,然后通过更改它的 src 属性来加载脚本,脚本文件加载完成后,在脚本加载完成生效后才能执行回调函数。
我们知道,在html中,利用[removed][removed]引入的两个js是不可以相互调用的。那么该如何解决呢?当然,你可以将代码通通copy过来,也许你并不喜欢这样。 例如有这样一个html,里面有一个按钮,当按下时调用b.js...
一个美观的网页加载效果哦,兼容所有浏览器。
[removed] 每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法都可以引用frame或iframe元素: 代码如下: window.frames[index] windows.frames[“框架名...
Ztree,树形结构,下载下来直接在页面引入JS直接使用!Ztree,树形结构,下载下来直接在页面引入JS直接使用!Ztree,树形结构,下载下来直接在页面引入JS直接使用!Ztree,树形结构,下载下来直接在页面引入JS直接使用!
Node.js产品部小样public(页面引入js文件)和routes路由和html页面
利用js动态加载js文件,并能实现程序在加载过程中悬挂;直到js文件加载完毕,才断续运行。
主要为大家分享了如果在jsp页面中引入另一个页面,需要的朋友可以参考下
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 格式就是: <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"> src里面的内容根据自己的下载的Vue.js的文件位置...
对于这个问题,我们用一个简单的例子来说明: “页面上有一个按钮,点击此按钮引入一个HTML片段,此HTML片段中有分页按钮。” 1. 使用IFrame 主页面,点击一个按钮向页面引入一个IFrame: 代码如下: [removed] $...
本文档把js加载做成vue组件,便于在其他模块引用,符合vue整体思路,供大家参考借鉴
此demo的功能是在html文件中,引入高德地图API,简单的入门小例子。
网络资源,生成、验证cron时间表达式的html页面,网络资源,生成、验证cron时间表达式的html页面网络资源,生成、验证cron时间表达式的html页面
目录结构:jsp导入jquery文件,老是不起作用,原因在于: 代码如下: [removed][removed] 其不能访问/WEB-INF/目录下的文件,因此需要将加载的js文件其放倒webapp目录。 test.html: 代码如下: <%@ page ...
最近做的一个项目需要引入一个外部的第三方js脚本。发现加载比较慢,这篇文章主要介绍了引入外部js脚本加载慢与页面白屏问题的解决,感兴趣的小伙伴们可以参考一下
CSS3 引入jquery实现页面加载的LOADING效果,就是一个载入动画,一个加载的进度条效果,圆形小圆点在不断的旋转,当加载完毕后,自动消失,本页面由HTML5技术和jquery共同实现,LOADING和页面显示两者之间同样也加入...