javascript生成内容上的类选择器

class selectors on javascript generated content

本文关键字：选择器 javascript      更新时间：2023-09-26

这是一个重复的问题，George到上一个问题的链接有我的答案

我遇到了一个问题，选择器无法使用动态生成的javascript内容。

最初的效果很好。一旦for循环生成了更多的div，即使它有相同的类，"mouseover"css样式也不会应用。

生成div的代码：

    for (x; x < y; x++) {
        output = output + '<div class="over">'+
            'But not for these generated divs'+ 
            '</div>';
    }
   $("#content").html(output);

用类"over"设计div样式的代码：

$(".over").hover(function () {
    $(this).addClass("styling");
});

$(".over").mouseout(function () {
    $(this).removeClass("styling");
});

http://jsfiddle.net/kjhansen/1e08ypms/28/

使用jQuery on()试试这个：

$(document).on('mouseover','.over',function () {
    $(this).addClass("styling");
});

$(document).on('mouseout','.over',function () {
    $(this).removeClass("styling");
});

FIDDLE示例

相关文章：