我在 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
最佳答案
啊,是的,IE 是最好的(最差的)。不幸的是,我正在工作,所以当我回家时我必须更彻底地研究这个问题,但这里有一个快速建议:
首先,我建议不仅考虑 IE 10,还要考虑 IE 的早期版本(回归到 7 或 8)。是的,有人(尤其是公司计算机)陷入了石器时代。
现在在您的标题部分中我将添加:
<meta http-equiv="X-UA-Compatible" content="IE-7;IE-8;IE-9;IE-10;" />
如果这对您有帮助,请告诉我!
关于Internet Explorer 10 上的 JqueryUI 句柄不可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14939175/