Question

我有两个标签。有两个选项卡分配的HTML。当我打开页面时，我想要自动点击其中一个选项卡。

我的首页是空的。当我点击其中一个标签时，只显示数据。我想在页面打开时显示其中一个标签。我的代码：

HTML

<div class="main">
        <ul>
            <li h><a  id="devices">devices</a></li>
            <li><a id= "tags">tags</a></li>
        </ul>
    </div>

Jquery的

$#devices).trigger('click');
$("#devices").click(function(){
    //some code
});
$("#tags").click(function(){
    //some code
});

Answer 1

您可以使用click触发器，但必须在声明.click事件后使用它：

// your click event declaration
$("#devices").click(function(){
    //some code
});

// trigger    
$("#devices").trigger("click");

Answer 2

$("#devices").click(function () {
    //some code
});
$("#tags").click(function () {
    //some code
});
$(function () {
    $("#devices").click();
});

fiddle

Answer 3

试试这个，

$(function(){

        $("#devices").click(function(){
              //some code
        });

        $("#tags").click(function(){
              //some code
        });

        $("#devices").trigger('click');

});

Answer 4

       <div class="main">
            <ul>
                <li><a id="devices">devices</a></li>
                <li><a id= "tags">tags</a></li>
            </ul>
        </div>

    <script>
    $("document").ready(function()
    {
        $("#devices").click(function(){alert("A")})

        $("#tags").click(function(){alert("A1")})

        $("#devices").trigger('click');
    }); 
    </script>

Answer 5

<ul>
  <li><a href='#tab1'>Link1</a></li>
  <li><a href='#tab2'>Link2</a></li>
<ul>

<script>
    $(window).load(function () {
        $('#tab1').click();
        });
</script>

or more generic,using hash tags,In below code if url has #code then it will automatically click 2nd tab eg: www.text.com/index.html#tab2

$(window).load(function () {
if(window.location.hash!="" && window.location.hash=='#tab2'){
   $('#tab1').click();
}else {
   $('#tab2').click();
}
});

在jquery中添加单击页面加载

5 个答案: