Jquery关闭点击功能?

时间:2013-03-27 20:48:30

标签: javascript jquery

这可能听起来像是一个愚蠢的问题,但有一些我可以呼吁为exxple事件做exxple我目前有这个;

$("#frame_left").click(function() {
    $("#navLeft").show();
});

我想在用户点击单选按钮后隐藏#navLeft内容?

2 个答案:

答案 0 :(得分:5)

为整个文档添加点击事件:

$(document).click(function(e) {
  $('#navLeft').hide();
});

然后停止在元素上传播,因此它不会冒泡到文档:

$("#frame_left").click(function(e) {
  e.stopPropagation();
  $("#navLeft").show();
});

http://api.jquery.com/event.stopPropagation/

答案 1 :(得分:3)

这应该适合你:

$('html').click(function() {
    $("#navLeft").hide();
});

然后确保在单击#frame_left元素时阻止事件传播:

$("#frame_left").click(function(e) {
    $("#navLeft").show();
    e.stopPropagation();
});