Question

我正在尝试为DIV中的一些标点符号创建拖放界面，该DIV可以移动到其他DIV的可放置区域。此过程在Safari，Chrome和Firefox中完美运行，但不适用于IE8。有三个字符：“，”，“。”和“;”。 “;”排在第二排。 “;”拖得很好，但是“，”和“。”不要。它落后很多，但是如果你在可放置区域释放指针它会去那里。

以下是标点符号框的HTML：

<div id="commas-menu">
<span class="punctuation">,</span> &nbsp; <span class="punctuation">.</span><br/><br/>
<span class="punctuation">;</span>
</div>

逗号菜单的CSS：

background-image: url(/images/punctuation-menu.png);
float: right;
width: 65px;
padding: 30px 20px 0px 30px;
height: 153px;

标点符号类的CSS：

cursor: default !important;
font-size: 38px;
font-family: "helvetica";
font-weight: bold;
z-index: 1000;
vertical-align: top !important;

使用jQuery命令使它们可拖动：

$(".punctuation").draggable({
    snap: ".punctuation-dropzone",
    snapTolerance: 2,
    snapMode: "inner",
    cursor: 'pointer',
    revert: true,
    revertDuration: 0
});

非常感谢！〜詹姆斯

jQuery UI Draggable在它的父母之外的IE8中有重大延迟

0 个答案: