Question

我已经编写了用于弹出显示的html代码，当我点击按钮时我可以看到弹出窗口（FadeIn），但是当jquery写入fadeout时。点击按钮fadeIn后，弹出窗口没有得到显示任何人都可以帮助我。 Jquery的：

tap(new \App\Question(), function ($question) { $question->forceFill(array_fill_keys(Schema::getColumnListing($question->getTable()), null)); })->toJson()

演示：

https://jsfiddle.net/VijayVj7/osv98wew/

Answer 1

你做不到：if(event.target).is('#btn-cancel')

试试这个：

$(document).ready(function(){
             $("#alert-btn").click(function(){
                 $(".container").fadeIn('slow');
             });  

             $(".container #btn-cancel").on('click',function(){
                 $(".container").fadeOut('slow'); 
               });          

           });

https://jsfiddle.net/osv98wew/1/

Answer 2

修复你的JS：

<强> jsFiddle demo

缺少event参数
~~if(event.target).is('#btn-cancel'){~~ 至if ($(event.target).is('#btn-cancel')) {

jQuery(function($) {

  $("#alert-btn").click(function() {
    $(".container").fadeIn('slow');
  });

  $(".container").on('click', function(event) {
    if ($(event.target).is('#btn-cancel')) {
      $(".container").fadeOut('slow');
    }
  });

});

Answer 3

关于您的问题，其他答案指出了这一点。现在关于您的用例，您应该委派click事件和目标特定容器来绑定哪个事件：

$(".container").on('click', '#btn-cancel', function(event) {
  $(event.delegateTarget).fadeOut('slow');
});

Jquery的FadeIn和FadeOut问题

3 个答案:

-jsFiddle-