Question

我在我网站的一个页面上使用jQuery Tools（特别是表单验证程序）和JQuery Facebook-related script。

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

以下是我的HTML（简体）“body”中脚本的代码：

第一个脚本（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()，但我没有成功，我不确定我应该如何使用它。

非常感谢任何帮助！

Answer 1

尝试使用'jQuery'代替所有'$'，如下所示：

jQuery(document).ready(function() {});与$(document).ready相对......

我被迫在＃34;冲突期间使用长版本＆＃34;感兴趣的情况。

jQuery Tools和另一个jQuery脚本之间的冲突

1 个答案: