Question

我想在我正在处理的Web应用程序中使用自定义帮助程序，以显示有关突出显示项目的一些文本，在本例中为“友好”名称。我选择了JQuery UI作为我的插件。不幸的是，我需要支持IE7上的用户，这是不可协商的。 Jquery网站上的演示在IE7中按预期工作：

$( "#draggable3" ).draggable({
cursor: "move",
cursorAt: { top: -12, left: -20 },
helper: function( event ) {
return $( "<div class='ui-widget-header'>I'm a custom helper</div>" );
}
});

然而，当我复制并将其放在我自己的网站上时，它在IE7中不起作用，但在FireFox，Chrome和Opera中有效。如果不工作，我的意思是光标正确更改并且'draggable'状态处于活动状态，但不显示帮助文本。

要修复它，我尝试过使用'zoom：1;'，'z-index：9999;'还有'位置：亲戚;'和'位置：绝对;'，这让我想知道'我错过了什么吗？'希望其他人遇到这个问题，并为我们所有人提供一些启示。

Answer 1

不知道你是否还有这个问题，但是加上这一行。

$( "#draggable3" ).draggable({
    appendTo: 'body',
    cursor: "move",
    cursorAt: { top: -12, left: -20 },
    helper: function( event ) {
        return $( "<div class='ui-widget-header'>I'm a custom helper</div>" );
    }
});

你的助手div被添加到奇怪的地方;我的桌子底部只能看到它，因为它正抬起我的桌子边框。

JQuery UI Draggable自定义帮助程序在IE7中无法正常工作

1 个答案: