добавление щелчка при загрузке страницы в jquery

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

У меня есть две вкладки. для обеих вкладок назначен 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
});
  

Комментарии:

1. $('#devices').trigger('click'); Опечатка?

2. $('#devices').trigger('click'); поместите это после определения событий щелчка

Ответ №1:

Вы можете использовать click триггер, но вы должны использовать его после объявления события .click:

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

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

Ответ №2:

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

скрипка

Комментарии:

1. пожалуйста, включите некоторые пояснения вместе с кодом. Эти вопросы остаются на долгие годы, чтобы будущие читатели знали, чем они занимаются.

Ответ №3:

Попробуйте так,

 $(function(){

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

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

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

});
  

Ответ №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>    
  

Ответ №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!="" amp;amp; window.location.hash=='#tab2'){
   $('#tab1').click();
}else {
   $('#tab2').click();
}
});