javascript - 通过js添加的元素点击事件无法触发

问题描述

问 题

js添加div的语句： 
var blk_have ="<div class="+"sw-off"+" ></div>";
$("#blk").prepend(blk_have);

    
$(".sw-off").click(function(){
    $(this).toggleClass("sw-on");
});
只截取了部分代码

但是手动在页面上这样写 却可以触发click事件.....
想问问这样为什么不会更改class？

解决方案

试试这样写：

var blk_have ='<div class="sw-off"></div>';
$('#blk').prepend(blk_have);

    
$(document).on('click', '.sw-off', function(){
    $(this).toggleClass('sw-on');
});

这篇关于javascript - 通过js添加的元素点击事件无法触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！