【问题标题】:jQuery plugins not working for Ajax loaded contentjQuery 插件不适用于 Ajax 加载的内容
【发布时间】:2013-10-01 17:08:35
【问题描述】:

大家好,我有一个烦人的问题,我正在使用 bootstrap 2.3 和一些 jQuery 插件来设置表单样式和其他东西。

当我加载 ajax 内容时,更具体地说是选择元素...... jQuery 插件不会捕获它们,因此不会设置它们的样式。

除了每当我发出 ajax 请求时必须再次加载这些插件之外,有什么方法可以将这些插件应用到 Ajax 加载的内容?

【问题讨论】:

  • 不。添加后,您必须在新元素上初始化插件。

标签: jquery css ajax


【解决方案1】:

就像 Kevin 所说,您需要在加载新元素后初始化插件。在全局范围内执行此操作的一种简单方法是为所有 ajax 请求注册一个要调用的处理程序。

 $(document).ajaxComplete(function(event, xhr, settings) {
     $('.myForm').thePlugin();
 }

【讨论】:

  • 天哪,当我有 10 15 个插件时,工作量太大了,人们在开发像 soundcloud 之类的单页应用程序时会做什么?所有的元素都加载了 Ajax ...必须有一种方法,必须是但是无论如何感谢大家的答案
  • 如果您在一个函数中初始化所有插件,您可以在 ajaxComplete 上调用相同的函数。不知道其他网站是如何做到的。如果没有缩小,请尝试查看他们的代码。
  • 不要忘记关闭括号 :) });
猜你喜欢
  • 2013-08-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-09-21
  • 1970-01-01
  • 2011-05-16
相关资源
最近更新 更多