Question

我用这样的js创建新元素：

$("#vorschau_tr").append('<td><img src="bla.jpg" class="flipped js_is_a_broken_time_wasting_piece_of_garbage"></td>');

并尝试提醒这样的事情：

$(".js_is_a_broken_time_wasting_piece_of_garbage").on({
    mouseover: function () {
        alert('enter');
    },
    mouseleave:function () {
        alert('leave');
    }
});

我知道它被多次询问，但是每次它说解决方案是使用on时我会这样做，但它不起作用，所以如何做到这一点？

$(".js_is_a_broken_time_wasting_piece_of_garbage").live( click, function(){
    alert('js_inventor_is_a_pos');
});

也不起作用

Answer 1

您错过了"中的结束img src="bla.jpg"。这就是选择器没有按预期工作的原因：

$("#vorschau_tr").append('<td><img src="bla.jpg" class="flipped js_is_a_broken_time_wasting_piece_of_garbage"></td>');

$(".js_is_a_broken_time_wasting_piece_of_garbage").on({
    mouseover: function () {
        alert('enter');
    },
    mouseleave:function () {
        alert('leave');
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr id="vorschau_tr"></tr>
</table>

jQuery - 鼠标悬停/悬停等不能处理新创建的元素

1 个答案: