1

我在我网站的一页上使用jQuery 工具（特别是表单验证器）和一个与 Facebook 相关的 JQuery 脚本。

每个脚本都需要在我的 HTML 的“head”中引用一个外部文件，以及在我的 HTML 的“body”中引用一个单独的脚本。

这是我的 HTML（简化）“正文”中的脚本代码：

第一个脚本（Facebook 脚本） `

                function init() {
                  FB.api('/me', function(response) {
                    $(".s_name").replaceWith('<input type="hidden" name="s_name" id="' + response.name + '" value="' + response.name + '" />');
                    ..do more replaceWith stuff
                  });
                }
                //Live update of page as user selects recipient and gift options
                $(".jfmfs-friend").live("click", function() {
                  var friendSelector = $("#jfmfs-container").data('jfmfs');             
                  ...do stuff});  
              `

第二个脚本（jQuery 工具 - 验证器） `

            $("#form").validator({
              position: 'top left',
              offset: [-5, 0],
              message: '<div><em/></div>',
              singleError: true
            });
          `

一切正常，直到第一个脚本的 .click 功能被激活。此时，验证器脚本停止工作。我相信这个问题与 jQuery $ 冲突有关，但我不知道如何解决它。我已经尝试jQuery.noConflict()在各个领域使用，但我没有成功，我不确定我应该如何使用它。

任何帮助将不胜感激！

4

1 回答 1

1

尝试使用'jQuery'代替所有'$'这样的：

jQuery(document).ready(function() {});作为反对$(document).ready...

在利益“冲突”的情况下，我被迫使用长版本。

于 2012-06-19T21:32:55.653 回答