복붙노트

[JQUERY] 어떻게) (JQuery.noConflict을 구현합니까?

JQUERY

어떻게) (JQuery.noConflict을 구현합니까?

해결법

  1. 1.더 이상 jQuery를의 별칭 그래서 jQuery.noConflict은 $ 변수를 재설정하지 않습니다. 을 제외하고 단 한 번 호출에서,별로 다른 거기 당신은 정말 할 필요가있다. 당신이 원하신다면 비록, 당신은 반환 값과 고유의 별명을 만들 수 있습니다 :

    더 이상 jQuery를의 별칭 그래서 jQuery.noConflict은 $ 변수를 재설정하지 않습니다. 을 제외하고 단 한 번 호출에서,별로 다른 거기 당신은 정말 할 필요가있다. 당신이 원하신다면 비록, 당신은 반환 값과 고유의 별명을 만들 수 있습니다 :

    var jq = jQuery.noConflict();

    그리고, 일반적으로, 당신은 jQuery를하고 플러그인을 포함한 후이 권리를하고 싶지 :

    <script type="text/javascript" src="/path/to/jquery.js"></script>
<script type="text/javascript" src="/path/to/jquery-plugin.js"></script>
<script type="text/javascript">
  jQuery.noConflict();
  // Code that uses other library's $ can follow here.
</script>
<script type="text/javascript" src="/path/to/prototype.js"></script>

    또한 한 단계를 가서 (사실) noConflict와 jQuery를 확보 할 수 있습니다. 이 도로를 탈 경우 비록, 당신은 어느 $도 jQuery를 아마 당신이 원하는 것 같은 별칭을 원하는 확실히 있습니다 :

    var jq = jQuery.noConflict(true);

    난 당신이 jQuery를 자동으로 업데이트 할 때이 마지막 옵션은 대부분, 특히 아웃 날짜가 플러그인에 대한 jQuery를 버전을 혼합 사용됩니다 생각 :

    <script type="text/javascript" src="jquery-1.4.4.js"></script>
<script type="text/javascript" src="jquery-older-plugin.js"></script>
<script type="text/javascript">
    var jq144 = jQuery.noConflict(true);
</script>
<script type="text/javascript" src="jquery-1.6.4.js"></script>
<script type="text/javascript" src="jquery-newer-plugin.js"></script>

  2. 2.기본적으로, JQuery와 변수 jQuery를 사용하고 $는 사용자의 편의를 위해 사용된다. 당신이 피할 충돌이 원하는 경우 좋은 방법은과 같이 jQuery를 캡슐화하는 것입니다 :

    기본적으로, JQuery와 변수 jQuery를 사용하고 $는 사용자의 편의를 위해 사용된다. 당신이 피할 충돌이 원하는 경우 좋은 방법은과 같이 jQuery를 캡슐화하는 것입니다 :

    (function($){

    $(function(){

        alert('$ is safe!');

    });

})(jQuery)

  3. 3.내가 틀리지 않는 경우:

    내가 틀리지 않는 경우:

    var jq = $.noConflict();

    당신은 JQ와 JQuery와 함수를 호출 할 수 있습니다. (무엇이든).

    jq('#selector');

  4. 4.당신이 사용하는이 $ 또 다른 라이브러리를 사용하는 경우는 일반적으로 사용됩니다.

    당신이 사용하는이 $ 또 다른 라이브러리를 사용하는 경우는 일반적으로 사용됩니다.

    여전히 jQuery를위한 $ 기호를 사용하기 위해, 나는 일반적으로 사용 :

    jQuery.noConflict()(function($){
  // jQuery code here
});

  5. 5.당신이 jQuery를 변수에 다른 이름을 지정하고, 여전히 그것을 사용하는 것이 있습니다 :

    당신이 jQuery를 변수에 다른 이름을 지정하고, 여전히 그것을 사용하는 것이 있습니다 :

    <script type="text/javascript">
  $jq = $.noConflict();
  // Code that uses other library's $ can follow here.
  //use $jq for all calls to jQuery:
  $jq.ajax(...)
  $jq('selector')
</script>

  6. 6.당신은 API를 페이지의 예를 보면이있다 : 예 : 스크립트의 나머지 부분에서 사용하는 대신 jQuery를 다른 별명을 작성합니다.

    당신은 API를 페이지의 예를 보면이있다 : 예 : 스크립트의 나머지 부분에서 사용하는 대신 jQuery를 다른 별명을 작성합니다.

    var j = jQuery.noConflict();
// Do something with jQuery
j("div p").hide();
// Do something with another library's $()
$("content").style.display = 'none';

    var에 j를 넣어 = jQuery.noConflict () 당신이 충돌 스크립트에서 가져올 다음 JQuery와에 가져다 후. 그런 다음 모든 JQuery와 요구에 $ 대신에 J를 사용하고 다른 스크립트의 $를 사용할 수 있습니다.

  7. 7.나는이 충돌 코드를 추가하여 해당 오류를 수정

    나는이 충돌 코드를 추가하여 해당 오류를 수정

    <script type="text/javascript">
 jQuery.noConflict(); 
</script>

    내 jQuery를하고 JS 파일과 파일을 가져가 (브라우저의 콘솔에 의해 발견) 오류이었고, 내 젠토 웹 사이트에있는 모든 오류의 js 파일에이 다음 jQuery를에 의해 모든 '$'를 교체 한 후. 그것은 나 이익을 위해 일하고있다. 여기 내 블로그에 자세한 내용을 찾기

  8. 8.그뿐만 아니라, (진정한) .noConflict를 $ true로 통과; 전역 변수 jQuery를, 플러그인이 올바른 jQuery를 버전으로 초기화 할 수 있도록하는 것이 여러 버전이 사용되는 경우 (있는 경우)도 이전 복원합니다.

    그뿐만 아니라, (진정한) .noConflict를 $ true로 통과; 전역 변수 jQuery를, 플러그인이 올바른 jQuery를 버전으로 초기화 할 수 있도록하는 것이 여러 버전이 사용되는 경우 (있는 경우)도 이전 복원합니다.

  9. 9.JQuery와 기본 $ 대신 사용하는 당신은 단순히 사용자 정의 변수를 할당합니다. JQuery와는 너무 $ 더 이상 새로운 기능 범위에 자신을 감싸는없는 네임 스페이스 충돌이 있습니다.

    JQuery와 기본 $ 대신 사용하는 당신은 단순히 사용자 정의 변수를 할당합니다. JQuery와는 너무 $ 더 이상 새로운 기능 범위에 자신을 감싸는없는 네임 스페이스 충돌이 있습니다.

    <script type="text/javascript">
    $jQuery = $.noConflict();
    // Other library code here which uses '$'
    $jQuery(function(){ /* dom ready */ }
</script>

  10. 10.noConflict () 메소드는 다른 스크립트는 다음 번에 사용할 수 그래서는 $ 바로 가기 식별자를 해제합니다.

    noConflict () 메소드는 다른 스크립트는 다음 번에 사용할 수 그래서는 $ 바로 가기 식별자를 해제합니다.

    기본 JQuery와 $로 :

    // Actin  with $
$(function(){
    $(".add").hide();
    $(".add2").show();
});

    또는 사용자 정의로 :

    var j = jQuery.noConflict();
 // Action with j
j(function(){
    j(".edit").hide();
    j(".add2").show();
});

  11. 11.

    <script src="JavascriptLibrary/jquery-1.4.2.js"></script>
    <script>
         var $i = jQuery.noConflict();
      // alert($i.fn.jquery);
    </script>
    <script src="JavascriptLibrary/jquery-1.8.3.js"></script>
    <script>
        var $j = jQuery.noConflict();
      //alert($j.fn.jquery);
    </script>
    <script src="JavascriptLibrary/jquery.colorbox.js"></script>

    <script src="Js/jquery-1.12.3.js"></script>
    <script>
        var $NJS = jQuery.noConflict();
    </script>

    당신은 이런 식으로 작업을 수행 할 수 있습니다 :

    <script>
   $i.alert('hi i am jquery-1.4.2.js alert function');
   $j.alert('hi i am jquery-1.8.3.js alert function');
 </script>

  12. 12.내가 "fancybox 이미지 갤러리"와 함께 jQuery를 버전을 사용하는 "부트 스트랩 메뉴"를 구현하기 때문에 오늘은이 문제를 가지고있다. 물론 작품 플러그인 하나되지 인해의 jQuery 충돌 그러나 나는 다음과 그것을 극복이 다른의 :

    내가 "fancybox 이미지 갤러리"와 함께 jQuery를 버전을 사용하는 "부트 스트랩 메뉴"를 구현하기 때문에 오늘은이 문제를 가지고있다. 물론 작품 플러그인 하나되지 인해의 jQuery 충돌 그러나 나는 다음과 그것을 극복이 다른의 :

    메뉴는 웹 사이트 페이지 ALLOVER 제시 첫째 내가 스크립트 바닥 글에 "부트 스트랩 메뉴"JS를 추가했습니다 :

    <!-- Top Menu Javascript -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
var jq171 = jQuery.noConflict(true);
</script>

    그리고 다음과 같은 "fancybox"이미지 갤러리 페이지 :

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="fancybox/js/libs/jquery-1.7.1.min.js"><\/script>')</script>

    그리고 좋은 것은 마치 마법처럼 모두 작업입니다 :)

    시도 해봐 :)

  13. 13.

    /* The noConflict() method releases the hold on the $ shortcut identifier, so that other scripts can use it. */

 var jq = $.noConflict();
    (function($){
      $('document').ready(function(){
        $('button').click(function(){
          alert($('.para').text());
        })
      })
    })(jq);

    쉽게 codepen에 라이브 뷰 예제는 이해하기 : http://codepen.io/kaushik/pen/QGjeJQ

    14. from https://stackoverflow.com/questions/7882374/how-do-i-implement-jquery-noconflict by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 아약스 성공 콜백 함수 내부의 $ (이)에 액세스하는 방법  (0) 2020.10.24
[JQUERY] JQuery와 아약스를 사용하여 PDF 파일 다운로드  (0) 2020.10.24
[JQUERY] 어떻게 선택 체크 박스의 수를 제한하려면?  (0) 2020.10.24
[JQUERY] 그것은 자바 스크립트 / JQuery와의 복제 HTML 요소 개체 수 있습니까?  (0) 2020.10.24
[JQUERY] document.write를하지 않고 HTML 페이지에 자바 스크립트 변수를 표시하는 방법  (0) 2020.10.24
,

티스토리툴바