동일한 페이지에서 여러 jquery 사용하기

Question

저는 jQuery에 대해 매우 익숙하며 많은 문제를 살펴 보았습니다. 그리고 대부분은 그들을 위해 일할 수도 있지만 나를 위해 일하지 않을 수도 있습니다. 문제는 동일한 페이지에서 여러 jQuery를 사용하는 것입니다. 여기에 내 코드가 head 태그에있다.

<!-- load jQuery 1.8.2) --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<!-- bxSlider Javascript file --> 
<script src="assets/scripts/bxslider/jquery.bxslider.min.js"></script> 
<!-- bxSlider CSS file --> 
<link href="assets/scripts/bxslider/jquery.bxslider.css" rel="stylesheet" /> 

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

<!-- fullBackground --> 
<script src="assets/scripts/fullbg/jquery.fullbg.min.js"></script> 
<!-- load jQuery 1.5.0 --> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> 

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

너무 혼란 스럽습니다. 내가 그 중 하나를 사용하면 작동하지만, 둘 다 넣은 후에는 전혀 작동하지 않습니다. 이 문제에 대한 해결책이 있습니까? 감사.

Answer 1

이렇게하면됩니다.

그러나 html 문서를 파일에서 열면 첫 번째 jQuery URL 체계가 정의되어 있지 않으므로 상위 문서에서 file://이 필요하지 않으므로 파일에서 HTML 문서를 열 수 없습니다. 이 이름의 로컬 파일이 없을 것이므로로드하지 않으며 $이 정의되지 않습니다. 첫 번째 $ .noConflict() 함수를 호출하면 $ not defined으로 실패합니다.

첫 번째 URL에 구성표를 추가하면이 문제가 해결됩니다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

계획은 종종 생략 이유는 그래서 페이지가 일반적으로 좋은 일이다, 사용하고 무엇에 따라 http:// 또는 https://를 사용하는 것이다.

HTTP를 통해 로컬로 HTTP 문서를 제공하는 한 가지 방법은 동일한 디렉토리에서 간단한 Python HTTP 서버를 실행하는 것입니다.

python -m SimpleHTTPServer 

그런 다음 http://localhost:8000/ 귀하의 브라우저에서 페이지를 열 수 있으며, 귀하의 예제는 작동합니다.