2016-03-28 11 views
1

jQueryのnoConflictインスタンスを使用するためにtablesorter jQueryプラグインを取得することに問題があります。これは、ページの最下部にjqueryの別のインスタンスをロードする必須テンプレートのために必要です。私が読んだところでは、tablesorter jsプラグインのローカルコピーをダウンロードし、それを変更してjQueryの特定のnoConflictインスタンスを使用する必要があります。私は数回試しましたが、この作業を行うためにTablesorter Pluginにどのような変更が必要か分かりません。これを行う方法に関する提案やドキュメントは非常に高く評価されます。特定のjQueryインスタンスを使用するようにjQueryプラグインを変更しますか?

ワーキングコード:

<script src="static/jquery.min.js" type="text/javascript"></script> 
<script src="static/jquery.tablesorter.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function() {  
    $("#testTable").tablesorter({ 
     sortInitialOrder: "desc", 
    }); 
}); 
</script> 

非稼働コード:私はtablesorterプラグインの最初と最後の行との両方の組み合わせとを変更しようとした

<script src="static/jquery-1.12.2.min.js"></script> 
<script type="text/javascript"> 
jQuery_1_12_2 = $.noConflict(true); 
</script> 
<script src="static/jquery.tablesorter.min.modified.js" type="text/javascript"></script> 
<script type="text/javascript"> 
jQuery_1_12_2(document).ready(function() {  
    jQuery_1_12_2("#testTable").tablesorter({ 
     sortInitialOrder: "desc", 
    }); 
}); 
</script> 

成功なし:

段落変更

(function(jQuery_1_12_2){$.extend({tablesorter:new 
... 
(jQuery_1_12_2); 

答えて

2

スクリプトのは、この場合には非常に重要です。プラグインがjQueryに追加されるまで、noConflict()関数を使用しないでください。これを試してください:

<script src="static/jquery-1.12.2.min.js"></script> 
<script src="static/jquery.tablesorter.min.modified.js" type="text/javascript"></script> 
<script type="text/javascript"> 
jQuery_1_12_2 = $.noConflict(true); 

jQuery_1_12_2(document).ready(function() {  
    jQuery_1_12_2("#testTable").tablesorter({ 
     sortInitialOrder: "desc" 
    }); 
}); 
</script> 
+0

これは完璧な意味を持ちます。どうもありがとうございます。 –

関連する問題