jQuery 验证插件和 Django 管理的困难

Question

我正在使用 Django 1.2.4 管理界面、jQuery 1.4.4 和 jQuery 验证插件。我看到一些奇怪的问题。

jQuery 验证插件表示它适用于 jQuery 1.4.2。我使用 1.4.4 会导致问题吗？我还使用 jQuery UI，它需要 1.4.4。我怎样才能同时使用它们？

以下是我的管理页面中包含的脚本：

    # this will cause both jQuery 1.4.2 and 1.4.4 to be included. Not sure if that's a problem or not.
    # (jQ 1.4.2 is in the admin by default, but jQ-ui wants 1.4.4.)
    js = ("js/foo-slider.js", 
          "js/lib/jquery-1.4.4.min.js",
          "js/lib/jquery.validate.pack.js",
          "js/lib/sprintf.js",
          "js/lib/jquery-ui-slider/jquery.ui.core.js",
          "js/lib/jquery-ui-slider/jquery.ui.widget.js",
          "js/lib/jquery-ui-slider/jquery.ui.mouse.js",
          "js/lib/jquery-ui-slider/jquery.ui.slider.js",
          )

Django 管理命名空间 jQuery 到 django.jQuery，以避免破坏使用 $ 符号的其他脚本。 （Django admin 使用 jQuery 1.4.2，它也包含在页面中。）在我的 foo-slider.js 脚本的顶部，我有这样一行：

var $ = django.jQuery;

如果我包含 jQuery 验证插件脚本，我在 Firebug 控制台上得到以下内容：

>>> $
function()

然后，我将以下代码行添加到我的自定义 JS 文件中：

$("form").validate();

然后，我在 Firebug 控制台中得到以下内容：

>>> $
anonymous()

这令人沮丧，可能与以后的问题有关。

我添加此代码：

   $("form").validate();
   $(".required").nextAll('input').rules('add', {
           required: true 
      });

但没有进行验证。

标记如下所示：

<form id="foo_form" method="post" action="" enctype="multipart/form-data"><div style="display: none;">

<!-- ... -->

  <fieldset class="module aligned ">    
        <div class="form-row foo">
                <div>
                        <label class="required" for="id_foo">Foo:</label>

                        <input type="text" name="foo" value="80" class="vIntegerField valid" id="id_foo">

                        <p class="help">help text</p>
                </div>
        </div> 

       <!-- ... --->
</form>

然后，我在方法中添加以下代码：

   $(sprintf("#%s, #%s, #%s", id_foo, id_bar, id_baz)).rules("add",
   {
       range: [slider.slider('option', 'min'), slider.slider('option', 'max')],
   });

（sprintf 执行其听起来的操作；id_* 参数是 元素的 id。 ) 现在进行验证。到底是怎么回事？我做错了什么吗？

Answer 1

也许 noconflict 页面会有一些帮助？而不是

var $ = django.jQuery;

尝试

(function($) { 
  //code that expects the $ alias
})(django.jQuery);