我在一个表单中使用的2个jQuery插件只有1个工作

时间:2012-03-08 14:47:01

标签: jquery jquery-plugins

我有一个网络表单,我想使用一个插件进行验证,另一个插件用于手风琴。我不能让他们一起工作。始终只有第二个插件才有效。我认为第二次覆盖第一次使用的东西。

以下是2个样本:

http://www.mojpodstanar.com/JQUERY_PROBLEM/validation_ok.html - 这里验证工作手风琴没有

http://www.mojpodstanar.com/JQUERY_PROBLEM/accordion_ok.html - 这里手风琴作品验证不是

注意在源代码中,在第一种情况下,验证插件被添加为秒,而在第二种情况下,手风琴。总是最后添加的作品。

如何使它们兼顾?

3 个答案:

答案 0 :(得分:2)

在页面中和任何插件之前只包含一次jQuery。你对“过度写作”的假设是正确的

答案 1 :(得分:1)

在第10行中,您添加了对jQuery核心的引用,稍后您将在第32行覆盖它。所以最新发生的是您首先添加jQuery。你注册一个插件,然后你覆盖jQuery所以没有插件,当你添加最后一个plguin。

因此,删除第32行中的最后一个jQuery引用

答案 2 :(得分:0)

只包含一次jQuery并将它们组合在一起:

<script type="text/javascript">
  $(document).ready(function ()
  {
    // binds form submission and fields to the validation engine
    jQuery("#formID").validationEngine();
  });
</script>

<script type="text/javascript">
$(document).ready(function ()
  {
    // simple accordion
    jQuery('#list1a').accordion();
  });
</script>

所以它看起来像:

<script>
  $(document).ready(function ()
  {
    // binds form submission and fields to the validation engine
    jQuery("#formID").validationEngine();

    // simple accordion
    jQuery('#list1a').accordion();
  });
</script>