javascript - .hide() 隐藏在容器 div 点击而不是仅仅处理？

Question

$(function () {
    $("#test").draggable({
        handle: "#testheader",
        containment: 'window'
    });
});

$('p#exit').click(function () {
    $('#test').hide();
});
});

<div id="test"><div id="testheader"><p id="exit">Exit</p></div></div>

当我单击 p 元素时，它不会退出，而是在我单击容器 div 时退出。

Answer 1

试这个...

$(function () {
    $("#test").draggable({
        handle: "#testheader",
        containment: 'window'
    });

    $('#exit').click(function () {
        $('#test').hide();
    });
});

抹去});过去$('#exit')

看看这个jSfiddle 例子