Div顯示隱藏未能與引導程序和wordpress一起工作

Question

我無法讓div隱藏起作用。它在jfiddle上自行工作，但在頁面上添加時停止工作。我使用WordPress的引導，所以不知道它是如何相互衝突。有人知道這裏發生了什麼嗎？

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> 
<script type="text/javascript"> 
//<![CDATA[ 
$(window).load(function(){ 
$('.targetDiv').hide(); 
$('.show1').click(function() { 
$('.targetDiv').hide(); 
$('#div' + $(this).attr('target')).show1(); 
}); 

$('.hide').click(function() { 
$('.targetDiv').hide(); 

}); 
});//]]> 
</script> 
<div class="buttons"> 
<a class="show1" target="1">Option 1</a> 
<a class="show1" target="2">Option 2</a> 
<a class="show1" target="3">Option 3</a> 
<a class="show1" target="4">Option 4</a> 

</div> 

<div id="div1" class="targetDiv">Lorum Ipsuam 1</div> 
<div id="div2" class="targetDiv">Lorum Ipssssums 2</div> 
<div id="div3" class="targetDiv">Lorum Ipsum dss3</div> 
<div id="div4" class="targetDiv">Lorum Ipsussm 4</div> 

Answer 1

我認爲​​已在您使用的jQuery版本中被棄用。 This可能會指出你在正確的方向

也在我看來，你應該包括你的JavaScript代碼在頁面的底部。有時，這可能無法與CMS合作，在這種情況下，您需要將js包裝在document ready函數中，如下所示：

$(function(){ 
    //code here 
});