如何修改代码 - 弹出窗口,附加关闭选项

Posted

技术标签:

【中文标题】如何修改代码 - 弹出窗口,附加关闭选项【英文标题】:How modify code - Pop up window, additional closing options 【发布时间】:2013-06-30 17:23:55 【问题描述】:

我有动画弹出框,只有在点击左上角的“X”按钮时才能关闭。你知道如何改变它,所以它可以通过以下方式关闭:

    点击ESC按钮 鼠标点击弹出框周围的背景 还有其他建议吗?

代码

function openOffersDialog3() 
  $('#overlay').fadeIn('fast', function() 
    $('#boxpopup_3').css('display','block');
    $('#boxpopup_3').animate('left':'30%',1000);
  );



function closeOffersDialog(prospectElementID) 
  $(function($) 
    $(document).ready(function() 
      $('#' + prospectElementID).css('position','absolute');
      $('#' + prospectElementID).animate('left':'30%', 0, function() 
        $('#' + prospectElementID).css('position','fixed');
        $('#' + prospectElementID).css('left','100%');
        $('#overlay').fadeOut('fast');
      );
    );
  );   

【问题讨论】:

感谢编辑,我写的时候出了点问题;x 【参考方案1】:

将 ESC 按钮 id 传递给closeOffersDialog() 函数,我认为它会起作用

【讨论】:

以上是关于如何修改代码 - 弹出窗口,附加关闭选项的主要内容,如果未能解决你的问题,请参考以下文章

如何在mapbox gl中以编程方式关闭所有弹出窗口?

如何在 jQuery Mobile 中等待弹出窗口关闭?

如何在弹出窗口中打开新选项卡?

关闭主窗口后如何使弹出窗口自动关闭

如何在模态窗口中显示 pdf? [关闭]

如何从ViewModel访问附加到窗口的Behaviors属性