bookmark
57
2020-03-05 12:44:35
1
80

jQuery.noConflict(); 페이지를 include 한 상황에서는 적용방식이 다른가요?


스프링 + 부트스트랩 작업환경입니다


a페이지 바디에 b를 include 해줬습니다 (섹션을 사용하기위하여서 한페이지에 작업할시 충돌이 나서 include를 해줬습니다)

근데 문제는 b페이지 기능이 정상작동이안하여서 검색을 해보니 j쿼리 충돌로인한 현상으로 판단되고

noConflict를 사용시 해결할수있는데  이리저리 작업해보니 해결이 안나네요

noConflict사용하니 b페이지 기능을 정상작동하는데 a페이지가 기능 작동이안되네요

jQuery.noConflict();   , var 변수 = jQuery.noConflict(); 를 이용해 a페이지 js추가한 $를 변환해보고

안되서 b페이지도 같이했는데 반만되거나 둘다 충돌이나네요

a페이지jsp b페이지jsp 에 각 사용하는 제이쿼리가 선언되있는 상태입니다

a페이지에 b의(b 페이지 j쿼리지우고) j쿼리를 추가하여 테스트시 하였을시 b기능 부분작동한것들은 아예안되고요(풀캘린더 인데 기존현상은 부분 기능이 먹통이였는데 한페이지에 j쿼리를 몰아서 선언할시

캘린더 틀마저 사라지고요)

이리저리 해보는데 해결이안되네요;; 다른방식이 있는지 궁긍합니다

검색해보니 저와 같은 경우인데 링크의 현상과 딱 같은 현상입니다  https://okky.kr/article/335476 

해결하신건지 못하신건지 추가 글이없네요 ㅠ

0
0
  • 답변 1

  • bookmark
    57
    2020-03-05 16:43:25 작성 2020-03-05 16:44:01 수정됨

    스텍오버 플러우에서 찾아서 해결이됬네요 ;;; 혹시 저랑 같은 상황이신분이 있을까해서 올려요 왜 되는지는 몰르겠네요 ㅠ ( "#tabsModal" ).tabs(); 이해가 안가네요 또 수정안하고 알아서 우회해서 적용되는건지;;


    혹시 2번째 스크립트 해석/설명 되시는분 설명좀 부탁드립니다


    메인 a페이지 선언했고 했고 b페이지는 안걸들였씁니다 또 각 펑션들 ($ <따로 수정안했습니다)


            <script src="j쿼리 주소"></script>

            <script type="text/javascript">

        var $mainJQ= jQuery.noConflict(true);

    </script>


    <script>

      $mainJQ( function() {

        $mainJQ( "#tabsModal" ).tabs();

      } );

      </script> 

        

    0
  • 로그인을 하시면 답변을 등록할 수 있습니다.