亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

jq為a標(biāo)簽綁定的onclick事件在移動(dòng)端不響應(yīng)

silvertheo / 2086人閱讀

摘要：?jiǎn)栴}描述項(xiàng)目用的進(jìn)行開(kāi)發(fā)，其中用到的導(dǎo)航欄當(dāng)頁(yè)面在移動(dòng)端打開(kāi)的時(shí)候，導(dǎo)航欄會(huì)收縮，就是這樣的其中我為下拉菜單的標(biāo)簽在中綁定了事件會(huì)議安排一切在端運(yùn)行正常，但是在移動(dòng)端的時(shí)候，標(biāo)簽綁定的事件在移動(dòng)端就沒(méi)有響應(yīng)。

更新

演示地址可以在開(kāi)發(fā)者工具里看看移動(dòng)端的表現(xiàn)。不過(guò)這個(gè)版本是正常工作的，是我已經(jīng)根據(jù)評(píng)論區(qū)大神來(lái)改變了a標(biāo)簽點(diǎn)擊事件的綁定方式了的。如下圖所示，注釋的那行是我原本的代碼，注釋下面一行是修改過(guò)的。

問(wèn)題描述

項(xiàng)目用的jQuery + Bootstrap進(jìn)行開(kāi)發(fā)，其中用到Bootstrap的導(dǎo)航欄
當(dāng)頁(yè)面在移動(dòng)端打開(kāi)的時(shí)候，導(dǎo)航欄會(huì)收縮，就是這樣的：

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

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

一切在PC端運(yùn)行正常，但是在移動(dòng)端的時(shí)候，a標(biāo)簽綁定的onclick事件在移動(dòng)端就沒(méi)有響應(yīng)。

解決

在網(wǎng)上看了很多方法之后，我覺(jué)得可能是移動(dòng)端收縮之后的那個(gè)導(dǎo)航欄容器里的a沒(méi)有綁定到點(diǎn)擊事件。因此我就換成在html里綁定事件，結(jié)果就點(diǎn)擊正常了。。。

// html 

  • 會(huì)議議程
    • 


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

function seeArrange () {}
    總結(jié)

    其實(shí)具體原因我不知道是什么，煩請(qǐng)知道的大佬們提點(diǎn)一下我。

    網(wǎng)上找的各種方法也說(shuō)一下吧，做個(gè)筆記

    很多人是說(shuō)移動(dòng)端不支持點(diǎn)擊事件，換成touch事件或者tap事件試試。
    

    $("*").bind("click",function(){});  // 在頁(yè)面初始化時(shí)，為其添加事件綁定
    參考

    IOS微信瀏覽器點(diǎn)擊事件不起作用問(wèn)題
    移動(dòng)端微信內(nèi)置瀏覽器（或QQ瀏覽器）無(wú)法識(shí)別onclick事件的解決

    文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/100910.html

    相關(guān)文章

    • 面試知識(shí)點(diǎn)總結(jié)

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

      王晗 評(píng)論0 收藏0

    • 面試知識(shí)點(diǎn)總結(jié)

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

      CrazyCodes 評(píng)論0 收藏0

    • 2018年螞蟻金服前端一面總結(jié)（面向2019屆學(xué)生）

      摘要：在這次螞蟻金服的電話面試?yán)锩嬲J(rèn)識(shí)到了自己很多不足的地方吧。把字符串分割為字符串?dāng)?shù)組。從起始索引號(hào)提取字符串中指定數(shù)目的字符。通常消息包括客戶機(jī)向服務(wù)器的請(qǐng)求消息和服務(wù)器向客戶機(jī)的響應(yīng)消息。 先簡(jiǎn)短的介紹一下我自己吧，我是一個(gè)前端學(xué)習(xí)者，雖然我基礎(chǔ)知識(shí)也學(xué)了比較好，但是許久不用的知識(shí)就像流失的水，很容易就忘。在這次螞蟻金服的電話面試?yán)锩嬲J(rèn)識(shí)到了自己很多不足的地方吧。雖然在阿里內(nèi)推后的人才...

      VEIGHTZ 評(píng)論0 收藏0

    • 2018年螞蟻金服前端一面總結(jié)（面向2019屆學(xué)生）

      摘要：在這次螞蟻金服的電話面試?yán)锩嬲J(rèn)識(shí)到了自己很多不足的地方吧。把字符串分割為字符串?dāng)?shù)組。從起始索引號(hào)提取字符串中指定數(shù)目的字符。通常消息包括客戶機(jī)向服務(wù)器的請(qǐng)求消息和服務(wù)器向客戶機(jī)的響應(yīng)消息。 先簡(jiǎn)短的介紹一下我自己吧，我是一個(gè)前端學(xué)習(xí)者，雖然我基礎(chǔ)知識(shí)也學(xué)了比較好，但是許久不用的知識(shí)就像流失的水，很容易就忘。在這次螞蟻金服的電話面試?yán)锩嬲J(rèn)識(shí)到了自己很多不足的地方吧。雖然在阿里內(nèi)推后的人才...

      RobinQu 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    最新活動(dòng)
    閱讀需要支付1元查看
    <