0

我无法让 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>
4

1 回答 1

1

我认为.load()在您使用的 jQuery 版本中已弃用。可能会为您指明正确的方向

另外,在我看来,您应该在页面底部包含您的 javascript 代码。有时在使用 CMS 时这可能是不可能的,在这种情况下,您需要将 js 包装在一个文档就绪函数中,如下所示:

$(function(){
   //code here
});
于 2013-06-11T16:05:33.733 回答