0

我想在我正在处理的 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 中起作用。不工作是指光标正确更改并且“可拖动”状态处于活动状态,但未显示帮助文本。

为了解决这个问题,我尝试使用 'zoom:1;', 'z-index:9999;' 还有'位置:相对;' 和“位置:绝对;”,这让我想知道“我错过了什么吗?” 希望其他人遇到过这个问题,并且可以为我们所有人提供一些启示。

4

1 回答 1

0

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

$( "#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 被附加到一个奇怪的地方;我的在桌子的底部,因为它抬高了我的桌子边框,所以只能看到它。

于 2013-02-23T11:31:08.030 回答