jquery追加,但无法单击追加的类

jquery追加,但无法单击追加的类,jquery,onclick,append,Jquery,Onclick,Append,我有一个div,当点击一个新的div时,它就会出现——当这个新的div显示出来,并且希望通过点击它来关闭它时,它就会启动 这是我的小提琴 $(文档).ready(函数(){ var计数器=0; $('.one')。单击(函数(){ 如果(计数器HTML: 你好,世界 X JS: $(文档).ready(函数(){ var计数器=0; $('.one')。单击(函数(){ 如果(计数器HTML: 你好,世界 X JS: $(文档).ready(函数(){ var计数器=0; $(

我有一个div,当点击一个新的div时,它就会出现——当这个新的div显示出来,并且希望通过点击它来关闭它时,它就会启动

这是我的小提琴

$(文档).ready(函数(){
var计数器=0;
$('.one')。单击(函数(){
如果(计数器HTML:



你好,世界

X

JS:

$(文档).ready(函数(){
var计数器=0;
$('.one')。单击(函数(){
如果(计数器HTML:



你好,世界

X

JS:

$(文档).ready(函数(){
var计数器=0;
$('.one')。单击(函数(){
如果(计数器使用a

更改:

$('#closingCross').click(function() {
致:

片段:

$(文档).on('click','closingCross',函数(e){
console.log(“你好”);
});
$(文档).ready(函数(){
var计数器=0;
$('.one')。单击(函数(){
如果(计数器使用a

更改:

$('#closingCross').click(function() {
致:

片段:

$(文档).on('click','closingCross',函数(e){
console.log(“你好”);
});
$(文档).ready(函数(){
var计数器=0;
$('.one')。单击(函数(){

if(counter只需将事件附加到DOM中已创建的元素

$('#topp').on('click', 'p', function() {
    alert("hello");
 });
您的工作示例:

只需将事件附加到DOM中已创建的元素

$('#topp').on('click', 'p', function() {
    alert("hello");
 });
您的工作示例:

我发现不可能这样做,因为当文档准备就绪时,动态内容还不存在。请尝试让内容存在,但将其隐藏。(CSS显示:无)编写
$(文档)。在(“单击”,“关闭交叉”,函数(){..
相反。我发现不可能这样做,因为当文档准备就绪时,动态内容还不存在。请尝试让内容存在,但将其隐藏。(CSS显示:无)写入
$(文档)。在(“单击”、“#关闭交叉”,函数(){..
改为。请查看我在fiddle上的更新版本-重新打开时仍有问题!为帮助干杯!@user3502952你能解释一下你打算重新打开什么吗?我想为我的网站创建一个覆盖菜单系统。用户单击汉堡包图标,然后meun/overlay显示为X,然后单击w我会删除它-这有意义吗?我有这个例子,但我想覆盖整个屏幕谢谢!请查看我在fiddle上的更新版本-仍然有重新打开的问题!为帮助干杯!@user3502952你能解释一下你打算重新打开什么吗?我想为我的网站创建一个覆盖菜单系统。用户单击汉堡包图标,然后meun/overlay与X一起出现,然后您单击将删除该图标的图标-这有意义吗?我以此为例,但我想覆盖整个屏幕,谢谢!
$(document).on('click', '.closingCross', function(e) {
$('#topp').on('click', 'p', function() {
    alert("hello");
 });