JqueryUI處理Internet Explorer 10不可點擊

我有jQueryUI可調整大小和Internet Explorer的問題。我創建了一個可調整大小的div，其中包含一些文本的跨度。在IE10中，如果文本大於容器div，div的句柄只能在文本上方和下方點擊。在Chrome中，它完美的工作。JqueryUI處理Internet Explorer 10不可點擊

這是代碼（我測試了一個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

來源

2013-02-18 goffreder

啊，是IE最好（最差）。不幸的是，我在工作，所以當我回家時我將不得不更深入地研究這一點，但這裏有一個快速的建議：

首先，我會建議不要只考慮IE 10，但也考慮早期版本的IE （退回到7或8）。是的，有些人（特別是公司計算機）陷入石器時代。

現在在你的標題部分我想補充：

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

讓我知道這是否可以幫助你！

來源

2013-02-18 15:16:08 Abraxas

關於IE的早期版本的開發：我正在爲IE10開發，因爲不幸的是，我所做的工作嚴重依賴於視頻操作，並且IE比其他瀏覽器做得更好。但幸運的是，這不是一個公共網站，所以我可以強制用戶以我決定的方式工作^ _^ 這就是說，我試圖添加該元，但似乎沒有改變... – goffreder 2013-02-18 15:26:40

http： //stackoverflow.com/questions/2634894/jquery-ui-resizable-auto-height-when-using-east-handle-alone - 看看這個和評論中的鏈接。希望有幫助 – Abraxas 2013-02-18 16:06:31

我已經閱讀了jQueryUI網站上的文檔（對於記錄來說，我認爲在某些方面有點不準確），但是我不能使用'aspectRatio'屬性，因爲容器div的高度是固定的。順便說一句，同樣的事情發生，如果我不在div裏面使用'span' ... – goffreder 2013-02-18 17:05:28

感謝老闆，我找到了一個簡單優雅的解決方案：text-overflow: ellipsis。如果文本比容器大，這個css屬性（我不知道，對我很恥辱）在文本的末尾添加了三個點。這些點顯然不算作「標準文本」，所以不要超過句柄。

不幸的是，這不是一個完整的解決方案，因爲如果文本是大完全一樣的容器，點不會出現和手柄保持可達...

我將編輯的jsfiddle鏈接在新的財產問題上。

來源

2013-02-19 18:31:51 goffreder

JqueryUI處理Internet Explorer 10不可點擊

回答

相關問題