2012-02-21 52 views
0

我似乎无法找到我的jQuery依赖插件冲突。 CURL.js每次都会完美加载jquery验证插件,jquery表单插件和css,而不会在萤火虫中引发错误。当我点击提交按钮jQuery的形式插件不使用AJAX来提交表单,而是正常提交​​时,我请按照下列步骤操作:我似乎无法找到加载jQuery插件依赖项时的冲突

1)点击注册链接

2)点击购物链接并等待它加载

3)点击Store链接并等待它加载

4)再次点击链接购物者,并等待它加载

5)点击提交按钮

这些步骤也可以反之亦然。但是,如果我点击其中一个链接并且不点击第二个链接,那么按提交按钮,jquery验证会正确触发;一旦表单通过验证,表单插件会使用ajax提交表单。

演示链接:http://www.dickschicks.net/demo/

请让我知道,如果演示链接是不够的,你需要更多的信息来进一步帮助我。

+0

该链接并不会导致你在做什么描述 - 没有Shopper或Store链接 – Ryley 2012-02-21 20:11:47

+0

请点击顶部导航栏中的注册表,该页面应该加载购物者和商店链接。 – dottedquad 2012-02-22 02:00:52

回答

0

发生的情况是,每次点击Shopper或Store链接都会用一组新的html替换表单的内容。但只有每次加载验证脚本的第一次点击。

所以,第二次点击购物者时,它不会再次运行脚本,并且原始#shopperJoinForm及其验证程序已被删除。现在你只需要一个空白表格。

我真的不明白卷曲事是应该做的......但我在想什么是你移动你的验证调用到这样的功能(这将是在shopper_validation.js

function setupValidation(){ 
    $("#shopperJoinForm").validate({ 
    onkeyup: false, 
    //all the rest of your validate setup 
    }); 
} 

然后回到你的join.js,有它检查功能是否存在,把它如果这样做,如果没有,你做的事情卷曲。 的

+0

卷曲加载需要的.js和.css文件。欲了解更多信息,请访问https://github.com/cujojs/curl/wiki我将实施你的想法tomorro。 – dottedquad 2012-02-22 06:33:19

+0

是的,我知道它加载的文件,我只是不清楚他们如何更喜欢你使用它 - 在我看来,他们希望你加载“模块”,但你的代码更多只是一个集合陈述... – Ryley 2012-02-22 16:27:28

+0

你对使用函数的建议运作良好。 – dottedquad 2012-02-23 04:27:09