Jquery resizable不起作用

我在這裏創造的可調整大小：

jQuery("#id404").resizable();

這裏是div我創建可調整大小後。

<div style="right: 7px; top: 120px; left:0%; bottom:340px; position:absolute; overflow:visible; z-index:2; cursor:pointer;"> 
    <div 
     id="id404" 
     name="resizable_div" 
     class="ui-resizable" 
     style="position:relative; width:100%; height:100%; overflow:hidden;"> 
    <div class="ui-resizable-handle ui-resizable-e"></div> 
    <div class="ui-resizable-handle ui-resizable-s"></div> 
    <div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1001; "></div> 
</div> 
</div>

現在，這是行不通的。

儘管div變得可以調整大小（手柄出現，圖標變化等），當我試圖調整div盒的大小時，無論我在做什麼，它都保持相同的大小。調整大小過程確實發生，因爲在調試時，onStop和onStart回調確實觸發了。

任何人都可以告訴我我做錯了什麼？

我認爲這是絕對div的事情。

感謝，

塔爾

來源

2011-01-19 Tal

你是如何實現的jQuery？你正在實現UI組件嗎？ http://docs.jquery.com/UI/Resizable – dpmguise 2011-01-19 00:43:48

不，我正在使用jquery源代碼。 – Tal 2011-01-19 01:13:26

我認爲你有一個造型的問題在這裏。你有一個固定的高和寬度的容器DIV。你正在把你的重新調整的DIV放在裏面。所以我認爲容器DIV阻止了調整大小的過程。

試着首先擺脫那個DIV來檢查它是不是問題。

來源

2011-01-19 00:47:38

以及我確實嘗試從其他隨機div創建可調整大小，並且它確實有效。我正在尋找一種可以調整其大小的方法，使其成爲父級。我曾經有一個工作版本看起來相同（結構明智）。我在結構上做了一些改變，並停止工作。但是我在結構樹中做出的改變要高得多。我相信這是關於寬度和高度的CSS樣式。如果您可以仔細查看代碼並找出問題所在，我將不勝感激。 – Tal 2011-01-19 01:12:31

目標ID具有父級的寬度和高度，但已隱藏溢出，因此無法調整超出父級的註釋。

來源

2011-01-19 00:49:51 bcm

我不知道我明白。目標div應該擴展（調整大小），它的父級溢出：可見。所以這應該是好的，或者我錯了？ – Tal 2011-01-19 01:06:25

那麼，發現問題是什麼，但我不知道爲什麼會發生。

好吧，我已經接觸到身體：onresize事件一個從頭開始繪製所有東西的函數。這是因爲我有一個完整的頁面網頁，並且我希望重新渲染身體的每個尺寸。

但顯然這個事件是每次jquery調整div時觸發的，所以它好像什麼也沒有發生。

現在，我設置一個全局標誌「調整大小」，當我開始jquery調整大小，並命令重新渲染函數返回，如果此標誌是。

但我不知道爲什麼身體的事件會在內部div被調整大小時觸發。

來源

2011-01-19 15:45:42 Tal

儘量讓父母格可調整大小，並使用此語法：

$(selector, context).resizable({option1: value1, option2: value2..... });

來源

2016-04-25 09:10:49

Jquery resizable不起作用

回答

相關問題