Internet Explorer 10 上的 JqueryUI 句柄不可点击

Question

我在 jQueryUI 可调整大小和 Internet Explorer 方面遇到问题。我正在创建一个可调整大小的 div，其中包含一个包含一些文本的跨度。在 IE10 中，如果文本大于容器 div，则只能单击文本上方和下方的 div handle 。在 Chrome 中它运行得很好。

这是代码(我制作了 jsFiddle 用于测试):

HTML

<div id="event">
    <span>some text some text</span>
</div>

CSS

#event {
    float: left;
    position: absolute;
    border: 2px solid #197ea3;
    background: #aee3f4;
    height: 16px;
    overflow: hidden;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
    padding-left: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

Javascript

$(document).ready(function() {
    $("#event").resizable({
        handles : "e"
    })
});

编辑:我添加了 text-overflow: ellipsis 属性并更新了 jsFiddle

Answer 1

啊，是的，IE 是最好的(最差的)。不幸的是，我正在工作，所以当我回家时我必须更彻底地研究这个问题，但这里有一个快速建议:

首先，我建议不仅考虑 IE 10，还要考虑 IE 的早期版本(回归到 7 或 8)。是的，有人(尤其是公司计算机)陷入了石器时代。

现在在您的标题部分中我将添加:

<meta http-equiv="X-UA-Compatible" content="IE-7;IE-8;IE-9;IE-10;" />

如果这对您有帮助，请告诉我!