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

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

append jquery javascript

0

Sagar Gautam · 技术社区 · 7 年前

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 回复 | 直到 7 年前

1

Mukyuu 7 年前

不确定这是否是你所期望的。但是要想有一些点击的东西你需要添加 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()

2

0

DeputyDong_ 7 年前

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