Jquery 多次使用函数-超时，（document）.ready（函数（）{

相当基本的问题。 我想不止一次地使用一个函数。 这段代码只工作了一次。如果我想再次使用该功能，我必须重新加载页面，这有点烦人

HTML:

Jquery：

$(document).on('click','#phone-header-icon',function(){
  $("#phonefade").css({ display: "block" });
});
$(document).on('click','.close_box',function(){
    $(this).parent().remove();
});

.remove（）

完全从dom中删除元素。因此，当您第二次尝试加载div时。 实际上它不在那里显示。请尝试使用

hide（）

---

我已经创建了一个小提琴。它在里面工作得很好。如果它仍然导致了问题，我想我可能是因为你可能正在使用其他javascript，你正在使用

从
DOM
中永久删除特定元素。但是根据你的目标，你必须
隐藏它

试试这个

$(document).on('click','#phone-header-icon',function(){
  $("#phonefade").show();
});

$(document).on('click','.close_box',function(){
    $(this).parent().hide();
});

嗯，这是短的，实际上可以工作，但它仍然只是可用一次。你可以发布任何其他的js你可能会使用创建一个小提琴检查它吗
$(document).on('click','#phone-header-icon',function(){
  $("#phonefade").css({ display: "block" });
});
$(document).on('click','.close_box',function(){
    $(this).parent().remove();
});

 $(document).on('click','#phone-header-icon',function(){
   $("#phonefade").show();
 });

 $(document).on('click','.close_box',function(){
    $(this).parent().hide();
 });

$(document).on('click','#phone-header-icon',function(){
  $("#phonefade").show();
});

$(document).on('click','.close_box',function(){
    $(this).parent().hide();
});