[JQUERY-AJAX-JST] 动态渲染的页面事件无法绑定问题的解决方案
来源:互联网 发布:淘宝 关闭私人定制 编辑:程序博客网 时间:2024/06/05 09:19
一个页面是使用JST动态进行渲染的,其中有一段代码是用于图片上传,如下:
上传商品照片(最多5张)
<form id="form1" name="form1" lang="zh-cn" action="upload" method="POST" enctype="multipart/form-data">
<input type="file" size="38" id="upload1" name="upload1">
<button type="submit">上传</button>
</form>
<img id="uppic1" name="uppic1" src=""/>
<button id="upbtn1" name="upbtn1" onclick="canclePic()">撤销</button>
我们采用JQUERY异步提交的方式,为了不刷新页面而上传图片,所以我们使用如下的代码来绑定一个异步请求事件:
我们把上述代码放在了$j(document).ready()中。
但是发生的问题是,页面渲染完了点击提交按钮,根本不会有绑定事件的发生,这是为什么?
是因为这张页面我们采用的是动态渲染的方式,在页面一打开,这个ready中的操作已经执行完成,而后续我们再渲染这张页面,则已经在事件绑定操作之后了,由于我们的JST模板是存放在一个textarea中的,所以在执行渲染之前,是无法获取表单并绑定的。这就是动态渲染的页面事件无法绑定的根本原因。
解决方案也很简单,错可时间差,就是渲染完了之后再执行绑定:
- [JQUERY-AJAX-JST] 动态渲染的页面事件无法绑定问题的解决方案
- jquery动态添加元素无法触发绑定事件的解决方案
- jquery动态添加元素无法触发绑定的事件的解决方案。
- jquery动态添加元素无法触发绑定的事件的解决方案
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
- jQuery无法绑定新增元素click事件的解决方案
- jquery 动态生成的元素的事件无法绑定
- jquery 动态生成的元素的事件无法绑定
- jquery 动态生成的元素的事件无法绑定
- ajax动态刷新的元素里jquery绑定事件失效
- Jquery通过append新元素之后事件绑定问题的解决方案
- jquery 对ajax追加元素无法绑定的问题
- [ajax]多个异步请求初始化JST渲染数据的时间差问题
- jquery的autocompelete()自动完成事件以及后追加的页面元素无法绑定事件
- ajax动态加载页面,对页面的按钮绑定点击事件
- ASP.NET SQL Server 注册工具 (Aspnet_regsql.exe)
- 学习组件拖拽
- 实现网页之间自动跳转的方法
- 快速配置SQL2005发邮件
- c++ 编译问题汇总
- [JQUERY-AJAX-JST] 动态渲染的页面事件无法绑定问题的解决方案
- Linux与Linux,Linux与Windows之间使用SSH传输文件
- C# 獲取網頁的中的字符串(不包含html)大顯神通
- WinForms ToolStrip 控件点滴(转)
- ActiveX控件与JS页面函数交互
- ASP.NET2.0打通文件图片处理任督二脉
- htmlparser 讲解
- UNICODE 编程入门
- 发誓