作者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