[問題] click事件,on的使用問題

看板Ajax作者flirmnave (焰離雨星)時間12年前 (2013/10/04 17:37)推噓1(1推 0噓 0→)

留言1則, 1人參與討論串1/2 (看更多)

我要在動態新增的物件上綁定 click 事件一開始是使用 blind 但一直都沒辦法出現效果搜尋過後發現動態新增的物件必須用 on 去綁定下面這張是未新增的網頁結構 http://i.imgur.com/rULb63i.jpg

然後動態新增了10個 li http://i.imgur.com/QK4F0Ch.jpg

而 jQuery 寫成這樣 var SideItemzed = $('#content li'); $(SideItemzed).on("click",function(){ var SideItem = $(event.currentTarget); SideItem.addClass('active'); }); 但發現他還是沒有觸發事件... 後來又把 jQuery 改成 var SideItemzed = $('#content li'); $(document).on("click", 'SideItemzed', function(){ var SideItem = $(event.currentTarget); SideItem.addClass('active'); }); 但還是沒有動作請問各位我是哪個觀念搞錯了呢?? ========================================= 囧... 剛剛PO完不久我就試出來了說一下我的解決方法因為我那新增的物件是從 json 那裡接收資料的所以我預先幫它加上 class = "newItem" 而跑出來的網頁就會變成 http://i.imgur.com/N4DWoGv.jpg

然後 jQuery 改成 $(document).on('click', '.newItem', function(event){ var SideItem = $(event.currentTarget); SideItem.addClass('active'); }); 這樣點選後就會有反應了 http://i.imgur.com/cn2zkfO.jpg