2014-09-30 3 views
2

Flexigrid 및 Bootstrap 3.2를 사용하는 이전 프로젝트의 UI를 수정합니다. Flexigrid는 jQuery 1.4.1에 의존하고 Bootstrap 3에는 jQuery 1.9.0 이상이 필요합니다.noConflict를 유지하고 부트 스트랩 3.2에 2 버전의 jQuery를 포함하는 방법

이전 버전의 jQuery를 부트 스트랩과 함께 사용해 보았지만 깨졌습니다. 마찬가지로 나는 Flexigrid와 함께 최신 버전을 사용해 보았습니다.

두 버전을 모두 포함 할 수 있고 jQuery.noConflict를 사용하기 위해 부트 스트랩을 강제로 사용할 수 있는지 궁금합니다.

편집 : 우리가 jQuery를 1.4.1에 의존 JS 코드를 많이했다 때문에
, 내가 이런 짓을 :
추가 페이지 (1.4.1 및 1.9.1)에서에 jQuery를 두 버전 다음 순서 :

<script src="/js/jquery-1.9.1.js"></script> 
<script src="/js/bootstrap.js"></script> 

<script> 
    var $jQuery1_9 = jQuery.noConflict(true); 
</script> 

<script src="/js/jquery-1.4.1.js"></script> 
<!-- Include other js files here --> 

이제 모든 것이 잘 작동합니다 (지금까지!). this post도 유용 할 수 있습니다.

답변

3

TB jQuery가 이미 포함되어 있다는 것을 이해하는 한, 다른 방법으로 flexigrid 라이브러리에 대한 참조를 만들어야합니다.

<!-- load jQuery Flexigrid library --> 
<script type="text/javascript" src="//path to flexigrid library"></script> 
<script type="text/javascript"> 
    var $jQuery_flexgrid = $.noConflict(true); 
</script> 

그럼 당신은 TB에 대한 jQuery jQuery를 기능과 $ (달러) 기호를 화재 jQuery_flexgrid 변수를 사용할 수 있습니다.

+0

Flexigrid에'jQuery_flexgrid '를 사용하려면 어떻게합니까? –

+0

수동으로 flexigrid를 추가하고 있습니까? 즉, 당신은 어떤 flexigrid 기능을 발사하고 있습니까? –

+0

나는'$ ("# my_div")를 사용한다. flexigrid()' –

관련 문제