我應該如何使用noConflict（）？

Question

我的頁面中有multipe jquery腳本。 有兩個版本的jQuery（1.8和1.10）的頁和multipe腳本像波紋管：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script> 
<script> 
    var jv8 = jQuery.noConflict(); 
    jv8(function() { 
     jv8('#discounted').attr("disabled", true); 
    }); 
</script> 


<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
    var jv10 = jQuery.noConflict(); 
    jv10(function() { 
     jv10('#discounted').attr("disabled", true); 
    }); 
</script> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
    var jv10 = jQuery.noConflict(); 
    jv10(function() { 
     jv10('#discounted').attr("disabled", true); 
    }); 
</script> 

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
    var jv10 = jQuery.noConflict(); 
    jv10(function() { 
     jv10('#discounted').attr("disabled", true); 
    }); 
</script> 

第一個腳本使用jQuery 1.8版，和三個腳本使用jQuery版本1.10.2

但這不管用。我怎樣才能解決這個問題？我應該如何使用noConflict？

Answer 1

的問題是腳本標籤，你需要明確地關閉它，否則它會跳過所有的腳本，直到遇到下一個</script>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script> 
<script> 
    var jv8 = jQuery.noConflict(); 
    jv8(function ($) { 
    $('#discounted').prop("disabled", true); 
    }); 
</script> 

演示：Plunker