2012-06-19 2 views
1

내 웹 사이트의 한 페이지에 (특히 양식 검사기) 및 JQuery Facebook-related script을 사용하고 있습니다.jQuery Tools와 다른 jQuery 스크립트 사이의 충돌

각 스크립트는 HTML의 "head"에있는 외부 파일과 HTML의 "body"에있는 별도의 스크립트를 모두 참조해야합니다.

먼저 스크립트 (페이스 북 스크립트) `

   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를 도구 : 여기

내 HTML의 "몸"의 스크립트 내 코드 (간체)입니다 - 검증) `

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

첫 번째 스크립트의 .click 기능이 활성화 될 때까지 모든 것이 올바르게 작동합니다. 이 시점에서 유효성 검사기 스크립트는 작동을 멈 춥니 다. 문제는 충돌하는 jQuery $와 관련이 있다고 생각하지만 해결 방법을 모르겠습니다. 나는 다양한 영역에서 jQuery.noConflict()을 사용해 보았지만 성공하지 못했고 정확히 어떻게 사용해야하는지 잘 모르겠습니다.

도움이 될 것입니다. 과 같이 모든 '$' 대신에 'jQuery'를 사용

+0

먼저 jquery.js를 제외하고 jquery 도구를 포함하여 문제를 해결하십시오. jQuery 도구에는 jquery가 직접 포함되어 있습니다. (또는 적어도 atleast까지 사용했습니다.) –

+0

@KevinB, 선택 사항이며 요즘에는 기본적으로 제공되지 않습니다! [jQuery Tools Download] (http://jquerytools.org/download/)를 참조하십시오. – Zuul

+0

실제로 설치 방법과 작동하지 않습니다. 내 헤더 ' <스크립트 유형 = "텍스트/자바 스크립트"SRC = "JS/jquery.tools.min.js" <스크립트 SRC = "JS/JQuery와 .facebook.multifriend.js ">' 어딘가에 jQuery.noConflict()를 사용해야합니까? 그게 문제라고 생각했는데, 어떻게 사용하는지 모르겠습니다. – Stone

답변

1

시도 :

나는이자 상황 "충돌"동안 긴 버전을 사용하도록 강요했다

$(document).ready에 대한 같은

jQuery(document).ready(function() {}); ....