.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

Tri this ...

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

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

删除});上的$('#exit')

并查看此jSfiddle example