Javascript JQuery库错误？仅由句柄内容触发的拖放事件

观看第一场

如视频中所示，我尝试拖放一个元素

这是一个小部件，一个支持DnD的元素

<div class="well dragbox" id="dragbox_<?php echo $id; ?>" style="z-index: <?php echo $zid; ?>; left: <?php echo $dbview->left; ?>px; top: <?php echo $dbview->top; ?>px; width: <?php echo $dbview->width; ?>px; height: <?php echo $dbview->height + 18; ?>px; padding-bottom: 18px;">
            <div class='header' style="display:block;">
                <?php
                echo CHtml::link('', array("/user/dbview/delete/id/$id"), array('style' => 'float: right; margin-left: 10px; display:block;', 'class' => 'glyphicon glyphicon-remove-circle'), 'Are you sure you want to remove this widget?');
                ?>
            </div>
            <?php echo $code; ?>
        </div>

这是它的代码：

    $(".dragbox").draggable({
        handle: ".header",
        grid: [1, 1],
        containment: 'parent',
        reflow: true,
        stop: function(event, ui) {
            //do not update the widgets pos/size not even by accident when we are in forced rearrange mode
            if (jQuery('#widget_content').hasClass('floating-dashboard-widgets'))
                return false;
            var id = ui.helper.context.id.split('_')[1];
            $.ajax({
                type: "POST",
                url: "<?php echo Yii::app()->baseUrl . '/user/dbview/update/id/'; ?>" + id,
                data: {data: {left: ui.position.left, top: ui.position.top, parent_width: get_parent_width(), parent_height: get_parent_height()}},
                success: function(data) {
                    if (data.status == 'true') {
                    }
                },
                dataType: 'json',
            });
        }
    });

$（“.dragbox”）.draggable({
句柄：“.header”，
网格：[1,1]，
包含：'父'，
回流焊：是的，
停止：功能（事件、用户界面）{
//当我们处于强制重新排列模式时，不要更新小部件的位置/大小，即使不是偶然
if（jQuery（'#widget_content'）.hasClass（'floating-dashboard-widgets'））
返回false；
var id=ui.helper.context.id.split（“”“）[1]；
$.ajax({
类型：“POST”，
url:“+id，
数据：{data:{left:ui.position.left，top:ui.position.top，parent_width:get_parent_width（），parent_height:get_parent_height（）}，
成功：功能（数据）{
如果（data.status==“true”）{
}
},
数据类型：“json”，
});
}
});

标题是一个div，其中有一个链接，具有悬停效果

如果我单击右上链接并开始拖动它，DnD元素将始终移动，无论我使用什么浏览器

我在本例中使用了Chrome和IE9

如果我尝试使用div.header元素作为句柄来DnD元素，它将失败

拖放事件仅由句柄内容、X右上链接触发

如何解决这个问题