解决用jquery load加载页面到div时,不执行页面js的问题
更新时间：2014年02月22日 09:36:11 作者：
这篇文章主要介绍了解决用jquery load加载页面到div时,不执行页面js的问题。需要的朋友可以过来参考下，希望对大家有所帮助
jquery代码:
复制代码 代码如下:
$(function(){
$("#test").load("${contextPath}/notepad/toCreate.do");
}
加载 ${contextPath}/notepad/toCreate.do 页面到id为test的div中,加载完成之后,create页面中的js不会执行
这种方式没办法实现,换个思路:
复制代码 代码如下:
<div id="test">
<iframe name="testLoad" style="width:100%"></iframe>
</div>
js事件:
复制代码 代码如下:
function loadPage(){
window.open("${contextPath}/notepad/toCreate.do",'testLoad','');// testLoad为iframe的name属性
}
按钮:
复制代码 代码如下:
<input type="button" value="加载" onclick="loadPage()" />
点击按钮时,加载页面到iframe中,里面的js是可以使用的,感觉不太好,就像是刷新页面了一样...
您可能感兴趣的文章:
相关文章
好长一段时间没有写js代码了，也好长时间没有写文章了,下午闲来无事写了一个 基于jQuery的表单验证插件。首先申明这个插件问题比较多，不过觉得这个东西很有必要。后期持续跟新中，先把自己写的插件原型拿出来晒晒！2010-10-10
这篇文章主要介绍了jQuery自定义导入组件的相关资料,包括组件js，组件css及组件引用的内容，非常不错具有参考借鉴价值，需要的朋友可以参考下2016-11-11
经常会用到jquery.ui.tabs标签，如我们可以把备份管理放在一个页面上，而该页面有两个tab分别为备份和还原，但这样会现在这个页面臃肿2010-02-02
这篇文章主要为大家详细介绍了jQuery布局组件EasyUI Layout的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要为大家详细介绍了基于JQuery实现图片轮播效果，利用Jquery制作焦点图左右轮播特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-02-02
这篇文章主要介绍了JQuery事件冒泡和默认行为代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
jQuery操作 input type=checkbox的实现代码
jQuery操作 input type=checkbox的实现代码，需要的朋友可以参考下，这边脚本之家推荐大家看我们以前发布的文章2012-06-06
这篇文章主要为大家详细介绍了jQuery实现弹出层效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
jqPaginator结合express实现分页展示内容效果
这篇文章主要为大家详细介绍了jqPaginator结合express实现分页展示内容效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
下面小编就为大家带来一篇JQuery 选择器、DOM节点操作练习实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
最新评论