<thead id="kdfuf"><font id="kdfuf"></font></thead>
<samp id="kdfuf"></samp>
    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品 ,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区

      動態(tài)生成的DOM做點擊事件無效

      2021-7-21    前端達(dá)人

      有時候我們的標(biāo)簽都是從后臺獲取的數(shù)據(jù),然后利用JS添加到頁面上,當(dāng)我們寫生成的標(biāo)簽的點擊事件(click)時沒有效果。

      例如:

      復(fù)制代碼
      <section> 測試動態(tài)生成的DOM點擊事件 <br />
          </section>       
              <script src="jquery-1.11.2.min.js"></script>
              <script> $(function () {
                      $.ajax({
                          type: "post",
                          url: "Handler1.ashx",
                          data: {},
                          success: function (data) {
                              $("section").append(data); //把獲取的標(biāo)簽動態(tài)添加到頁面中 }
                      })
                  });
                  $("#test").click(function () {
                      alert("Smile");
                  }) </script>
      復(fù)制代碼

      生成頁面,點擊A標(biāo)簽無效果。

      這里只介紹兩種解決方法。

      ①把事件寫在生成的字符串當(dāng)中,感覺很low

      里面什么方法名外面就聲明一個(需要帶參就傳參)。

      ②我一般喜歡在JS里面直接寫點擊事件,不喜歡在標(biāo)簽里面寫事件

       我們直接寫這個標(biāo)簽的點擊事件是沒效果的,我們就換個寫法,利用On來完成。

       

       這樣也可以完成點擊事件。

       

       

      另附:a標(biāo)簽的href也是可以執(zhí)行腳本的,點擊事件也會執(zhí)行腳本,點擊事件優(yōu)先,然后在執(zhí)行href鏈接。

       

       下載一般都是把A標(biāo)簽的Href給個一般處理程序的鏈接(參數(shù)就用?傳值)。但我這個下載的參數(shù)是動態(tài)生成的,在后臺生成字符串的時候沒有參數(shù)。需要在前臺根據(jù)用戶選擇的來進(jìn)行傳遞參數(shù)。所以需要我們動態(tài)生成Href的鏈接

       

      復(fù)制代碼
        //下載 $("#uploadInfo").click(function () { var uids = "";
                  $(":checkbox[name='A']:checked").each(function (i, item) {
                      uids += $(item).attr("data-id") + ",";
                  }) if (uids === "") {
                      NewAlertBox("warning","請最少選擇一項",2000);
                  } else { var urls = "GroupTeamUserListDocUpload.ashx?CaseID=" + CaseID + "&UID=" + uids;
                      $(this).attr("href", urls);  //執(zhí)行完了點擊事件,把Href賦值,然后自動跳轉(zhuǎn)href鏈接 }
      
              });

      1

      藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報下信息,藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

      截屏2021-05-13 上午11.41.03.png


      文章來源:博客園

      分享此文一切功德,皆悉回向給文章原作者及眾讀者.
      免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

      藍(lán)藍(lán)設(shè)計www.tuitetiyu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

      日歷

      鏈接

      個人資料

      藍(lán)藍(lán)設(shè)計的小編 http://www.tuitetiyu.cn

      存檔

      主站蜘蛛池模板: 成全视频在线观看免费观看下载| 精品国产一二三产品价格| 久久人人97超碰超爽| 精品国产香港三级a∨在线| 成年在线网站免费观看无广告| 女人下边被添全过视频| 福贡县| 欧美无人区码一码二码三码的区别| 欧美交a欧美精品喷水| 女厕脱裤撒尿大全视频| 乌鲁木齐县| 四虎影视久久久免费| 东北老富婆高潮大叫对白| 欧美激情精品久久久久久大尺度等最新內容 | 亚洲AV色香蕉一区二区蜜桃小说| 亚洲 国产 制服 丝袜 一区| 中文午夜乱理片无码| 亚洲国产成人久久综合一区77| 少妇三级全黄| 成人国产精品秘 久久久| 天天做天天爱天天爽天天综合网| 毛片观看在线| 国产香线蕉手机视频在线观看| 亚洲欧美自偷自拍视频图片 | 国产久免费热视频在线观看| 致力於精彩Japan 亚洲 国产的圖文並茂 | 影视先锋av资源噜噜| 久久久久亚洲Av无码专区导航| 国产97色在线 | 免| 老熟妇乱子伦中文字幕| 久久午夜无码鲁丝片直播午夜精品 | 亚洲av成人无码天堂| 玛纳斯县| 亚洲另类日韩国产综合| 蜜芽久久人人超碰爱香蕉| 呻吟求饶的办公室人妻| 欧美激情国产精品视频一区二区| 国产成年码AV片在线观看| 亚洲精品一二三四区| 亚洲欧洲日产国码综合在线| 东莞性视频88XXX|