Question

我的问题很简单，但我尝试了不同的方法。我有以下代码。我正在创建新的<div>并尝试为其命名测试。所以，当我点击此<div>进行课堂测试时，我正试图提醒...请帮帮我，我失去了....

$('.item').click(function(){
        if(!isFullscreen){ // MAXIMIZATION
            $boxes = $(this).css('width','100%');
            $boxes.addClass("test");
            //$boxes.id = "test"; 
            $('#content').prepend( $boxes ).masonry( 'reload' );
        }
});

$(".test").click(function(){
    alert("Test");

});

我甚至试过下面的代码：但它们没有用

        //$boxes.className="test";
        //jQuery($boxes).attr("id","test");

提前致谢...

Answer 1

您应该委派活动：

$("#content").on('click', '.test', function() {
    alert("Test");
});

要为点击的元素添加ID，您可以编码：

this.id = 'test';

请注意，如果您向多个元素添加相同的ID，则您的文档将无效。

Answer 2

当点击类test的元素时，您的第一个函数将创建一个属于类item的成员的元素。

您的部分功能会在课程test运行时向所有成员添加点击处理程序... 之前任何item个元素都会被点击

使用on method而不是click方法创建委托事件事件（有关说明，请参阅文档）。

Answer 3

你需要将div添加到正文......你应该这样做：

$(body).append('<div id="test" class="test">');
$boxes = $('#test');

您需要使用on()

委派您的点击功能

将$(".test").click(function(){更改为$('body').on('click', '.test', function(){

如何设置<div>？</div>的id和class名称

3 个答案: