带有嵌套鼠标事件的JQuery问题

当同时使用这三个事件时，我似乎遇到了问题

我有一个很大的div，上面有mouseup、mousedown和mousemove。在这个大div中，有几个较小的div（我希望可以单击）。我应该补充一点，

clickable

元素是较大div的子元素

问题在于，

单击

事件似乎不起作用。但是，如果我注释掉其他鼠标事件，则效果良好

我猜这里有一些事件冲突，因为点击实际上是mousedown和mouseup的组合

    <script type="text/javascript">
            $(document).ready(function() {
                //Create tooptips for existing zones
                $('.oldBox').tipsy({
                    title: 'data-callrange',
                    gravity: 'sw'
                });

                var x1,y1;
                $('.openTab .img_container').live('mousedown', function(e) {
                    e.preventDefault();


                });

                $('.openTab .img_container').live('mousemove', function(e) {

                });

                //Process just created box
                $(document).mouseup(function() {

                });

                $('.oldBox').live('click', function(){
                    $('#mouse_pos').html('You clicked '+ $(this).attr('data-callrange'));
                });
            });
   </script>

$（文档）.ready（函数（）{
//为现有分区创建TOOPTIP
$（'.oldBox'）。醉醺醺的({
标题：“数据调用范围”，
重力：“西南”
});
var-x1，y1；
$（'.openTab.img_container'）.live（'mousedown'，函数（e）{
e、 预防默认值（）；
});
$（'.openTab.img_container'）.live（'mousemove'，函数（e）{
});
//进程刚刚创建了一个对话框
$（文档）.mouseup（函数（）{
});
$（'.oldBox'）.live（'click'，function（）{
$（'#mouse_pos'）.html（'您单击了'+$（this.attr（'data-callrange'））；
});
});

在父级

div上的事件中，您可以检查以确保单击的元素（事件目标）实际上是父级div，而不是子级div。请参见示例

在父级
div
的事件处理程序中，使用如下内容：

if(event.target.id == "i_am_a_big_div_with_three_events") {
    //Do stuff
}

并像往常一样将您的click事件附加到子
div
。
查看您认为导致问题的jQuery会有很大帮助。另外，重现您的问题的方法也会很有用。