Div显示隐藏失败与引导和wordpress

Div show hide failing to work with bootstrap and wordpress

本文关键字：wordpress 显示 隐藏 失败 Div      更新时间：2023-09-26

我有麻烦得到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>

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

在我看来，你应该包括你的javascript代码在页面的底部。在使用CMS时，有时这可能是不可能的，在这种情况下，您需要将js包装在文档准备函数中，例如:

$(function(){
   //code here
});
相关文章：