【问题标题】:Modal window jQuery, Javascript not working模态窗口jQuery,Javascript不起作用
【发布时间】:2012-10-26 11:14:40
【问题描述】:

我使用 jQuery 模态窗口,它工作正常,但是当我想用代码将网站包含到模态窗口中时

$("#vsebina").load('validField.html'); 

验证表单的 Javascript 不再起作用。

我在下面举了一些例子。单击按钮打开模态窗口。尝试在输入字段中输入一些字母,然后单击输入字段,您会收到错误。

示例一(带有模态窗口的基本 jQuery 代码):link

示例二(使用.load() 函数的模态窗口:link - 在此选项中,Javascript 无法启动,我没有收到所需的错误。

哪里出错了,因为我已经搜索了好几个小时了。

【问题讨论】:

  • 在第二个示例中,您加载了一些您想通过 AJAX 验证的 HTML - 正确吗?如果是,也许您必须等到内容加载完毕,然后添加您的事件处理程序以进行验证。
  • 没有。实际上,我想加载 html 表单以添加用户数据,并使用 javascript 验证用户插入的数据。 Ajax 请求将在稍后出现,但它们不是其中的一部分。
  • 他们是。 api.jquery.com/load Load 正在执行 ajax 方法。进入你的 demo.js 并编写 alert('$("#mws-validate").length');在 $("#mws-validate").validate({ 之前告诉我它吐出什么数字。如果是 0,那么我的猜测是正确的。
  • 是的,它吐出 0。那么这是否意味着因为在字段中没有 ajax 请求它会停止脚本,这就是我没有得到验证的原因。如果是这种情况,我应该使用 .get() 还是什么?

标签: jquery modal-dialog jquery-events


【解决方案1】:

尝试在click() 函数内部和load() 函数之后调用$( "myForm" ).validate()

加载脚本时,您的 html 不存在。因此,验证码不会附加到您的表单中,以后您也不会再这样做了。

希望这会有所帮助。

亲切的问候

【讨论】:

  • 就是这样,有效。非常感谢你。现在我只需要把它放到我原来的应用程序中。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-08-31
  • 2015-06-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多