Question

我正在网站上工作，我有这段代码：

它显示了一个菜单，当点击一个网址时显示一些内容，这就是我想要的，但唯一的是我需要默认选择或显示一个选项：

因此，当页面加载时，javascript必须默认显示菜单上的第一个选项。

代码：

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>


<div id="pages_about" class="textContainer_about">


  <div class="textWord_about" data-link="first">
 <img src="../images/fondo1.png" alt="" height="" width="800"/> 
 </div>


  <div class="textWord_about" data-link="second">
 <img src="../images/fondo2.png" alt="" height="" width="800"/> 
</div>

  <div class="textWord_about" data-link="third">
 <img src="../images/fondo3.png" alt="" height="" width="800"/> 
</div>


 <div class="textWord_about" data-link="fourth">
 <img src="../images/fondo4.png" alt="" height="" width="800"/> 
</div>
<CENTER>
<div id="menu_about">   
<a class="link" href="#about" data-link="first"><img src="../images/edif.png" alt="" height="" width="65"/></a>
<a class="link" href="#about" data-link="second"><img src="../images/admininver.png" alt="" height="" width="65"/></a>
<a class="link" href="#about" data-link="third"><img src="../images/finan.png" alt="" height="" width="60"/></a>
<a class="link" href="#about" data-link="fourth"><img src="../images/inmo.png" alt="" height="" width="60"/></a> 
</div>
</CENTER>
</div>

</div>
<script type="text/javascript">
$('.textWord_about').hide();

$('.link').click(function() {
    $('.textWord_about').hide();       
    $('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({
        width: '200px'
    }, 300);
});
</script>

感谢您提供的任何意见。

Answer 1

您可以触发点击第一个链接：

<script type="text/javascript">
$('.textWord_about').hide();

$('.link').click(function() {
    $('.textWord_about').hide();       
    $('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({
        width: '200px'
    }, 300);
}).first().trigger('click');

</script>

需要选择默认选项

1 个答案: