Question

请参阅下面的html代码。我正在使用tab作为我的Web应用程序。

<div id="mainDiv">
    <div><a href="#about" class="toggle">About</a></div>
    <div><a href="#photos" class="toggle">Photos</a></div>
    <div><a href="#rates" class="toggle">Rates and Reviews</a></div>
</div>

<div class="col-lg-6" id="detailsDiv" align="center" style="background-color:#CFF">
    <div id="about" >about</div>
    <div id="photos" style="display: none;">photos</div>
    <div id="rates" style="display: none;">Rates and Reviews</div>
</div>

这是我的jQuery代码。当任何用户点击网站时，请始终设置我的选项卡。

$(function () {

    $('.toggle').click(function (event) {
        event.preventDefault();
        var target = $(this).attr('href');
        $('#mainDiv').find('a').removeClass("active");
        $(this).addClass('active');
        $("#detailsDiv").children().hide(); 
        $(target).toggle();
     });
});

Answer 1

您可以使用focus();。提供一个ID（在这种情况下，让我们在约会的锚点上说这个ID就是＆＃39; about＆＃39;）然后执行此操作：

＆＃13;

$('#about').focus();

＆＃13;

在click事件之外使用它。

当页面加载时，魔法就会发生。

Answer 2

$(document).ready(function(){
 $('#mainDiv').find('a:eq(0)').addClass('active');
});

Answer 3

这里试试这个：

$(function () {

  // cache all togle class
  var all = $('.toggle');
  // get target for first element('about')
  var target = all.eq(0).attr('href');
  // add class the first element
  all.eq(0).addClass('active');
  // show target content
  $(target).show();

  $('.toggle').click(function (event) {
    event.preventDefault();
    var target = $(this).attr('href');
    $('#mainDiv').find('a').removeClass("active");
    $(this).addClass('active');
    $("#detailsDiv").children().hide(); 
    $(target).toggle();
  });
})

如何在进入网站时设置活动的默认链接

3 个答案: