ajax 的应用范围,jQuery单击不适用于ajax生成的内容

这是您要做什么?请注意,我将$.on()放在父项上,但.button为操作选择。

.on(事件[,选择器] [,数据],handler(eventObject))

选择器一个选择器字符串,用于过滤触发事件的所选元素的后代。如果选择器为null或省略,则事件在到达所选元素时始终被触发。

http://api.jquery.com/on/

Click me!

Stuff

var $stuff = $('#stuff'),

ajaxContent = $stuff.html();

$stuff.on('click', '.button', function(){

$.get('/echo/html/', function(){

$stuff.empty();

console.log($stuff.html());

alert($stuff.html()); // Look behind, #stuff is empty.

$stuff.html(ajaxContent);

console.log($stuff.html());

});

});

http://jsfiddle.net/62uSU/1

另一个示范:

var $stuff = $('#stuff'),

ajaxContent = $stuff.html(),

$ajaxContent,

colors = ['blue','green','red'],

color = 0;

$stuff.on('click', '.button', function(){

$.get('/echo/html/', function(){

color++;

if (color == colors.length) color = 0;

console.log($stuff.html());

alert($stuff.html());

$ajaxContent = $(ajaxContent);

$stuff.append($ajaxContent).css('color', colors[color]);

console.log($stuff.html());

});

});

http://jsfiddle.net/62uSU/2/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值