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模式，它就像魔术一样工作;

JQuery可拖动事件在IE9中无效

1 个答案: