代码之家 › 专栏 › 技术社区 › Sagar Gautam

&从javascript添加的times;不可单击?

append jquery javascript

Sagar Gautam · 技术社区 · 5 年前

var response = { message: "sample messsage" };

$('#main-content').append(
    '<div class="alert alert-danger alert-dismissable">'+
    '<button type="button" class="close" data-dismiss=alert">'+
    '<span aria-hidden="true">&times;</span>'+
    '<span class="sr-only">Close</span>'+
    '</button>'+response.message+
    '</div>'
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="main-content"></div>

html代码附加可以正常工作,但是close X不工作。我到处找都没找到解决办法。

2 回复 | 直到 5 年前

Mukyuu 5 年前

不确定这是否是你所期望的。但是要想有一些点击的东西你需要添加 onclick="clickevent()"

还需要添加 function 回应 onclick clickevent() 在所示示例中:

function clickevent() {
    $('#main-content').html('<div class="alert alert-danger alert-dismissable">'+
    '<button type="button" class="close" data-dismiss=alert">'+
    '<span aria-hidden="true">&times;</span>'+
    '<span class="sr-only">Close</span>'+
    '</button>'+
    '</div>'
);
}

请注意 .html $('#main-content') .

请参阅以下代码片段:

var response = { message: "sample messsage" };

$('#main-content').append(
    '<div class="alert alert-danger alert-dismissable">'+
    '<button type="button" class="close" data-dismiss=alert">'+
    '<span aria-hidden="true">&times;</span>'+
    '<span class="sr-only">Close</span>'+
    '</button>'+response.message+
    '</div>'
);

function clickevent() {
    $('#main-content').html('<div class="alert alert-danger alert-dismissable">'+
    '<button type="button" class="close" data-dismiss=alert">'+
    '<span aria-hidden="true">&times;</span>'+
    '<span class="sr-only">Close</span>'+
    '</button>'+
    '</div>'
);
}

.alert{
  color:red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="main-content" onclick="clickevent()"></div>

参考 onclick() 以及 .click() with .onclick()

DeputyDong_ 5 年前

这是因为js文件是在将元素添加到html文件之前加载的。当你需要它们的时候。把元素显示出来。

推荐文章

ThoughtfulCollector · jQuery appendTo忽略最后一个元素

2 年前

Hernan HumaÃ±a · 在JQUERY中的foreach内追加

6 年前

Rohalt · 选择单选按钮时清除输入

6 年前

Anthony Salamin · 向表单元素添加多个复选框

6 年前

Kyle Underhill · 单击时为每个按钮添加/删除div

6 年前

Hamza Ebrahim · 用户输入被错误地附加到Python列表

6 年前

Sunny Rahevar · 无法在jquery中附加HTML代码

6 年前

Karma · 基于datetime将df2中的多行追加到df1

6 年前

Martin Bobak · 如何将多个项目附加到熊猫df?

6 年前

joe · 如果找不到具有特定类jquery的子级,则追加div

6 年前