Question

这是一个相关的问题，乔治与上一个问题的链接有我的答案

我遇到的问题是选择器无法使用动态生成的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/

Answer 1

使用jQuery on()试试这个：

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


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

<强> FIDDLE EXAMPLE

javascript生成内容的类选择器

1 个答案: