jQuery沒有定義，如果定義，不會被加載？

Question

我想在加載頁面後設置元素的寬度。爲此，我使用這個腳本：

<script type='text/javascript' src='https://radlvoo.de/wp-includes/js/jquery/jquery.js'> 
     jQuery(document).ready(function() { 
      var y = document.getElementsByClassName("col-sm-6"); 

      for (var i = 0; i < y.length; i += 1){ 
       y[i].style.width = "100%"; 
      } 
     }); 
</script> 

但它不工作。如果我用實際功能替換jQuery(document).ready(function() {，可以說changeWidth()它正在工作..

自己嘗試here。你可以看到，如果你在控制檯中調用changeWidth()這一項將擴大： enter image description here

而且，如果我離開了這一點type='text/javascript' src='https://radlvoo.de/wp-includes/js/jquery/jquery.js'，它說：

jQuery is not defined

，這是什麼原因我該如何解決這個問題？

親切的問候

Answer 1

你的代碼應該是

<script type='text/javascript' src='https://radlvoo.de/wp-includes/js/jquery/jquery.js'></script> 
<script type="text/javascript"> 
    jQuery(document).ready(function() { 
     var y = document.getElementsByClassName("col-sm-6"); 

     for (var i = 0; i < y.length; i += 1){ 
      y[i].style.width = "100%"; 
     } 
    }); 
</script> 

Answer 2

您應使用此代碼：

<script type='text/javascript' src='https://radlvoo.de/wp-includes/js/jquery/jquery.js'></s‌​cript> 
<script type='text/javascript'> 
    jQuery(document).ready(function() { 
     var y = jQuery(".col-sm-6"); 
     y.each(function() { 
      $(this).css('width', '100%'); 
     }); 
    }); 
</script>