javascript - 多次动态内容和加载 JQuery 脚本

标签 javascript jquery html jquery-ui cross-domain

我有一个动态加载内容的页面。根据用户单击的菜单项,使用 jquery 动态加载和呈现不同的表。

每个表的一列都有一个更新链接,用于更新特定行所代表的内容。单击该链接时,将显示一个 JQuery UI 模式对话框,其中包含从服务器加载的表单,用户应在其中更新内容并回发。

我是这样理解的,如有不妥请指正。我需要在加载动态内容的同时加载 jquery 脚本,以便在 javascript 函数和正在加载的元素之间绑定(bind)事件。

假设我的假设是正确的,每次用户选择不同的表时,我都会加载内容和相同的 JQuery UI 对话框脚本。我从与主索引文件一起加载的不同 javascript 函数加载内容和 jquery 文件。

结果是不可预测的行为(使用相同的用例可能是可预测的)。当多次加载表格并更新某些内容以显示模态对话框时,在第一次或第二次使用后不再显示对话框,例如。

会不会是jquery脚本加载了不止一次的问题?如果是,我应该为这种应用程序使用什么原则或模式。如果以上所有都是错误的假设,那么,设计这种解决方案的原则或模式是什么,在这种解决方案中,不同类型的动态内容在多个位置加载(全部呈现在同一个索引文件中)并且都需要相同的 jquery 文件。

最佳答案

看看 jQuery $.live() 和 $.delegate():

http://api.jquery.com/live/

http://api.jquery.com/delegate/

这些将允许您将事件绑定(bind)到动态加载的内容。

关于javascript - 多次动态内容和加载 JQuery 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7287988/

相关文章:

javascript - 改变现有的js方法,而不改变原有的js

jquery - 简单模态——开启onload

javascript - 使用 HTML5、JS 和 Node js 进行多人绘图

javascript - 即使使用 .on,Ajax 调用也只能使用一次

javascript - 从列表选项生成文本字段

javascript - 在不链接回调函数的情况下从 Node JS GET 请求访问数据

javascript - 是否可以删除操作 Hook ?

html - Bootstrap 垂直对齐列内容与移动优化

javascript - 从一行字符串中提取价格的最佳方法是什么?

html - Bootstrap 3 缩略图垂直对齐