我无法让 div show hide 在下面工作。它在 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>