作者flirmnave (焰離雨星)
看板Ajax
標題[問題] click事件,on的使用問題
時間Fri Oct 4 17:37:12 2013
我要在動態新增的物件上綁定 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
供各位如果有遇到問題參考
或者有更好的方法
也請不吝指教
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.143.169.103
※ 編輯: flirmnave 來自: 220.143.169.103 (10/04 17:55)
1F：推 matrixki:.on後面參數給selector即可 10/06 00:15