"getScript"를 호출하여 동적으로 jQuery 플러그인을로드하려고하는데 플러그인의 초기화 기능을 인식하지 못하는 것 같습니다.
그러나 스크립트 태그를 작성하여 플러그인을 간단하게 포함하면 플러그인이 올바르게 작동합니다. 정적 인 스크립트 태그를 사용할 수 없습니다. 최종 제품이 내가 제어 할 수없는 페이지에 배치 된 JavaScript를 통해 동적으로로드되기 때문입니다.
내가 JScrollPane의라는 플러그인 아래이 입증했습니다
첫 번째 머리는 작업 복사본이고, 두 번째는 동적 인 방법이다. 동적 방법을 실행하면 $ ('# content') .jScrollPane()이 함수가 아닙니다. 변경된
<head>
<link type="text/css" href="http://jscrollpane.kelvinluck.com/style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js"></script>
<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/mwheelIntent.js"></script>
<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js"></script>
</head>
<head>
<link type="text/css" href="http://jscrollpane.kelvinluck.com/style/jquery.jscrollpane.css" rel="stylesheet" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/jquery.mousewheel.js"></script>
<script type="text/javascript" src="http://jscrollpane.kelvinluck.com/script/mwheelIntent.js"></script>
<script type="text/javascript">
function setScroll() {
$(function() {
$('#content').jScrollPane();
});
}
</script>
<script type="text/javascript">
$.getScript("http://jscrollpane.kelvinluck.com/script/jquery.jscrollpane.min.js", setScroll());
</script>
</head>
유일한 것은 jquery.jscrollpane.min.js가 .getScript 의해로드 된 후 실제로 초기화 콜백 함수에서 발생한다는 것이다.