「getScript」を呼び出してjQueryプラグインを動的にロードしようとしていますが、プラグインの初期化機能を認識していないようです。
ただし、スクリプトタグを作成してプラグインを含めるだけであれば、プラグインは正常に機能します。最終製品は、自分が制御できないページに配置されたJavaScriptを介して動的に読み込まれるため、静的スクリプトタグを使用できません。
jScrollPaneと呼ばれるプラグインを使用してこれを以下に示しました。
最初のヘッドは作業コピーであり、2番目は動的な方法です。動的な方法を実行すると、$('#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によってロードされ、実際に初期化がコールバック関数で行われることだけです。