Блог

У меня есть кнопки, которые открывают навигационные ссылки при нажатии, которые не работают в моем мобильном браузере Chrome (я использую Google pixel 2) У меня также есть firefox mobile, и он там отлично работает. он также отлично работает с моделируемыми размерами телефонов в браузерах моего компьютера.

вот мой HTML

 <div class="nav">
           
     <button class="nav_btn nav1_trig"><p>WORK</p></button>
            
            <div class="navItem nav1_pop external_links"> 
                <a class="proj_1_trig" title="" href="#"> link </a>
                <a class="proj_2_trig" title="" href="#"> link</a>
            </div>

</div> 
  

предполагается <button class="nav_btn nav1_trig"><p>WORK</p></button> , что при нажатии будут отображаться ссылки ниже.

вот мой Jquery

 $(".nav1_trig").click(function(){
    $(".nav1_pop").toggle(300);});
  

Я попытался переключиться на .on('click', function(){ и .on('click touchstart', function(){
, а также множество других случайных исправлений, таких как присвоение кнопке типа «кнопка», превращение ее в обычную ссылку, и все это безрезультатно.

У меня также есть div с простой ссылкой, которая выполняет по существу тот же код при нажатии или нажатии, который отлично работает в моем мобильном браузере Chrome. Что я здесь делаю не так?

вот этот div со ссылкой, которая отлично работает в мобильном Chrome:

 <div class="myInfo" id="about">
           <a class="about_trig"  title="" ><span>about me</span></a>
        </div>