需要选择默认选项

Need a default choice selected

本文关键字：选项 默认 选择      更新时间：2023-09-26

>我在网站上工作，我有以下代码：

http://liveweave.com/KDPgcO

它显示一个菜单，单击

URL时显示一些内容，这就是我想要的，但唯一的事情是我需要默认选择或显示一个选项：

因此，当页面加载时，默认情况下，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>

感谢您提供的任何评论。

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

<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>
相关文章：