jq為a標簽綁定的onclick事件在移動端不響應

silvertheo 發布于2019-08-23 14:38 / 2020人閱讀

摘要：問題描述項目用的進行開發，其中用到的導航欄當頁面在移動端打開的時候，導航欄會收縮，就是這樣的其中我為下拉菜單的標簽在中綁定了事件會議安排一切在端運行正常，但是在移動端的時候，標簽綁定的事件在移動端就沒有響應。

更新

演示地址可以在開發者工具里看看移動端的表現。不過這個版本是正常工作的，是我已經根據評論區大神來改變了a標簽點擊事件的綁定方式了的。如下圖所示，注釋的那行是我原本的代碼，注釋下面一行是修改過的。

問題描述

項目用的jQuery + Bootstrap進行開發，其中用到Bootstrap的導航欄
當頁面在移動端打開的時候，導航欄會收縮，就是這樣的：

其中我為下拉菜單的a標簽在js中綁定了onclick事件：

jQuery(document).ready(function($){
  "use strict";
   $("#see").click(seeArrange)  // 會議安排
   function seeArrange () {}
   //...
}

一切在PC端運行正常，但是在移動端的時候，a標簽綁定的onclick事件在移動端就沒有響應。

解決

在網上看了很多方法之后，我覺得可能是移動端收縮之后的那個導航欄容器里的a沒有綁定到點擊事件。因此我就換成在html里綁定事件，結果就點擊正常了。。。

// html 
會議議程


// js
jQuery(document).ready(function($){
  "use strict";
   // $("#see").click(seeArrange)  // 會議安排
   // ...
}

function seeArrange () {}

總結

其實具體原因我不知道是什么，煩請知道的大佬們提點一下我。

網上找的各種方法也說一下吧，做個筆記

很多人是說移動端不支持點擊事件，換成touch事件或者tap事件試試。
$("*").bind("click",function(){});  // 在頁面初始化時，為其添加事件綁定

參考

IOS微信瀏覽器點擊事件不起作用問題
移動端微信內置瀏覽器（或QQ瀏覽器）無法識別onclick事件的解決

GPU云服務器云服務器 js 標簽綁定事件 jq響應式菜單 js清除綁定的事件 html表格的標簽為

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/100910.html

面試知識點總結

摘要：最近面試幾家前端職位，想知道目前的前端面試題是偏向哪一塊，都主要問到的是語法，閉包，原型鏈，繼承那一塊。并且將面試題的知識點匯總一下。參考網站面試題圖片過多的時候如何優化圖標很多的時候可以用雪碧圖圖片過大時候可以壓縮一下。最近面試幾家前端職位，想知道目前的前端面試題是偏向哪一塊，都主要問到的是ES6語法，閉包，原型鏈，繼承那一塊。并且將面試題的知識點匯總一下。有助于下次面試。 1.H...

王晗 2019-08-30 14:15 評論0 收藏0
面試知識點總結

摘要：最近面試幾家前端職位，想知道目前的前端面試題是偏向哪一塊，都主要問到的是語法，閉包，原型鏈，繼承那一塊。并且將面試題的知識點匯總一下。參考網站面試題圖片過多的時候如何優化圖標很多的時候可以用雪碧圖圖片過大時候可以壓縮一下。最近面試幾家前端職位，想知道目前的前端面試題是偏向哪一塊，都主要問到的是ES6語法，閉包，原型鏈，繼承那一塊。并且將面試題的知識點匯總一下。有助于下次面試。 1.H...

CrazyCodes 2019-08-22 15:46 評論0 收藏0
2018年螞蟻金服前端一面總結（面向2019屆學生）

摘要：在這次螞蟻金服的電話面試里面認識到了自己很多不足的地方吧。把字符串分割為字符串數組。從起始索引號提取字符串中指定數目的字符。通常消息包括客戶機向服務器的請求消息和服務器向客戶機的響應消息。先簡短的介紹一下我自己吧，我是一個前端學習者，雖然我基礎知識也學了比較好，但是許久不用的知識就像流失的水，很容易就忘。在這次螞蟻金服的電話面試里面認識到了自己很多不足的地方吧。雖然在阿里內推后的人才...

VEIGHTZ 2019-08-22 15:11 評論0 收藏0
2018年螞蟻金服前端一面總結（面向2019屆學生）

摘要：在這次螞蟻金服的電話面試里面認識到了自己很多不足的地方吧。把字符串分割為字符串數組。從起始索引號提取字符串中指定數目的字符。通常消息包括客戶機向服務器的請求消息和服務器向客戶機的響應消息。先簡短的介紹一下我自己吧，我是一個前端學習者，雖然我基礎知識也學了比較好，但是許久不用的知識就像流失的水，很容易就忘。在這次螞蟻金服的電話面試里面認識到了自己很多不足的地方吧。雖然在阿里內推后的人才...

RobinQu 2019-08-01 18:40 評論0 收藏0