Question

我有一个简单的jquery脚本触发点击按钮并在当前的html上创建另一个div叠加，我成功创建div但问题是当我尝试通过我在设置时创建的按钮关闭div up overlay div无法正常工作可能的原因是什么？代码如下

输入#btn使div显示并且工作正常。

Jquery函数文件

$(document).ready(function(){
$('input#btn').click(function(){
    var attr = $('#div').css('display');
    alert(attr);
    if(attr == 'none')
    {
        $('#div').css('display','block');
        $('#div').html('<H1>PALAK MEVADA</H1><input id="close" type="button" value="CLOSE"/>');
    }
    return false;
});

$('input#close').click(function(){

    var attr = $('#div').css('display');
    alert(attr);
    if(attr == 'block')
    {
        $('#div').css('display','none');
        $('#div').html('');
    }
    return false;
});
});

Answer 1

使用 on() ：

$(document).on('click','input#close',function(){
var attr = $('#div').css('display');
alert(attr);
if(attr == 'block')
{
    $('#div').css('display','none');
    $('#div').html('');
}
return false;
});

Answer 2

首次初始化代码时，该按钮不存在，因此$('input#close').click();不受任何限制。

试试这个：

$('input#close').on('click', function(){
 // Your code here...
});

通过jquery叠加div已成功设置，但未在单击时删除

2 个答案: