jQuery可拖动事件在IE9中不起作用

Question

以下代码在Internet Explorer 9以外的任何浏览器中均能正常工作；

    $(".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',
            });
        }
    });

我有多个可拖动元素，无法按照IE9的要求将它们从div标签更改a标签；

正如我所读过的，我还必须使用类似这样的东西：

$('#demo1_box')
        .bind('drag',function( event ){
                $( this ).css({
                        top: event.offsetY,
                        left: event.offsetX
                        });
                });

但是此bind方法没有任何包含元素；

在这种情况下，我有什么解决方案？

Answer 1

我不得不使用jslate开发一个应用程序；

我重新检查了我用于可拖动元素的html代码，发现代码中缺少div元素；

在完成html代码之后，跟随jslate模式，它就像魔术一样工作；