在 ajax 生成的内容中加载 JS 文件
Loading JS files in ajax-generated content
这是一个一般性问题。
我的平台在 jQuery 中,在 bootstrap 的旧安装中(2.3 - 旧版需要...,但在 Intranet 中)。
我设置了 jquery 个选项卡 - 每个选项卡都通过 ajax 加载 html 内容的一部分。
1) 如果在此内容中,我有诸如日期选择器和表单验证之类的东西——作为该内容的一部分,我是否需要再次加载那些相关的 js 文件?如果不是——我将如何将这些工具(例如验证、日期选择器)应用于新生成的标签?我似乎收到诸如 $(...).datepicker is not a function
之类的错误(在加载 ajax 内容后自动调用)
2) 如果这些JS文件在original/parent页面被调用onload会有什么不同吗?如果我需要调用一个新的 JS 文件,该文件既不作为父页面的一部分调用又怎么办 - 我是否需要调用 jQuery 然后调用所有其他相关的 JS 文件?
3) 我假设进来的内容不应该有标签等,而是它会成为现有页面 DOM 的一部分,对吗?有一个标签会对上面的 JS 文件问题有任何影响吗?
如果插件文件(如 datepicker.js、someValidationplugin.js)已经在主页中,则无需重新加载它们,但需要确保不加载 jQuery.js 再次在您的 ajax 中,否则它将清除附加插件函数的原始 jQuery 对象。
如果您需要的其他脚本资源不存在,您可以使用 $.getScript()
检索它们
这是一个一般性问题。 我的平台在 jQuery 中,在 bootstrap 的旧安装中(2.3 - 旧版需要...,但在 Intranet 中)。
我设置了 jquery 个选项卡 - 每个选项卡都通过 ajax 加载 html 内容的一部分。
1) 如果在此内容中,我有诸如日期选择器和表单验证之类的东西——作为该内容的一部分,我是否需要再次加载那些相关的 js 文件?如果不是——我将如何将这些工具(例如验证、日期选择器)应用于新生成的标签?我似乎收到诸如 $(...).datepicker is not a function
之类的错误(在加载 ajax 内容后自动调用)
2) 如果这些JS文件在original/parent页面被调用onload会有什么不同吗?如果我需要调用一个新的 JS 文件,该文件既不作为父页面的一部分调用又怎么办 - 我是否需要调用 jQuery 然后调用所有其他相关的 JS 文件?
3) 我假设进来的内容不应该有标签等,而是它会成为现有页面 DOM 的一部分,对吗?有一个标签会对上面的 JS 文件问题有任何影响吗?
如果插件文件(如 datepicker.js、someValidationplugin.js)已经在主页中,则无需重新加载它们,但需要确保不加载 jQuery.js 再次在您的 ajax 中,否则它将清除附加插件函数的原始 jQuery 对象。
如果您需要的其他脚本资源不存在,您可以使用 $.getScript()
检索它们