Jquery弹出关闭按钮

标签 jquery html css hover

您好,在 stackoverflow 贡献者的帮助下,我创建了一个 jquery 单击、弹出和关闭按钮。

当前的问题是我试图使红色方 block 成为关闭按钮,如果您单击打开的框也将其关闭。

有人可以帮忙吗?

这是我的 fiddle > http://jsfiddle.net/EtHbf/301/

$('#some-button').on('click', function () { 
    $('#overlay, #overlay-back').fadeIn(500); 
});

$('#overlay').on('click', function () { 
    $('#overlay, #overlay-back').fadeOut(500); 
});

$('.callme').on('click', function (e) { 
    e.stopPropagation();
});

最佳答案

只需将#overlay-back 添加到您的第二个点击 函数

$('#overlay, #overlay-back').on('click', function () { 
    $('#overlay, #overlay-back').fadeOut(500); 
});

<强> Update Fiddle

关于Jquery弹出关闭按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21439327/

相关文章:

html - 如何调试CSS3渲染?

html - 无法让 <body> 元素覆盖整个页面

asp.net - Jquery ui 工具 - 选项卡 Pane 一次全部显示

javascript - 如何重新启动代码? (在动态更新的页面上)

javascript - 将天气 API 与 JSON 和 JavaScript/jQuery 结合使用

html - 溢出 : hidden not functioning as expected

javascript - JS 函数上的 jQuery .live() - 使用什么事件?

javascript - 待办事项应用程序没有显示错误,但 src .js 文件不会显示

html 从剪贴板副本中排除文本

jquery - 从兄弟元素的第一个元素创建 Accordion