在jQuery中添加点击页面加载

Question

I have two tabs. there is HTML assigned to both the tabs.when i open the page i want one of the tab to be clicked automatically.

My front page is coming empty.when I click on one of the tab then only it is showing the data. i want one of the tab to be shown on page opening. My Code:

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

You can use click trigger, but you must use it after .click event is declared:

// 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

Try like this,

$(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();
}
});