2012-05-27 42 views
2

所以我有一個圖像,它周圍是一個裁剪標記,我不希望能夠調整比圖​​像更小的裁剪標記。Jquery可調整大小的插件,根據拖動邊緣設置minWidth

要做到這一點,我將需要設置這取決於從哪個方面來說,用戶是在調整裁切標記的minWidth(有一個手柄無處不在:N,NE,E,SE等)

我的問題是:如何做到這一點? (我包括一個圖像,使我的問題更清晰一點)

另外,這裏是一個jsfiddle,演示了這個問題。

enter image description here

+0

伊利亞嗨,你能告訴我們到目前爲止你已經嘗試了什麼?如果你可以展示一些代碼作爲出發點,那麼人們可以更容易地爲你提供幫助。不過,圖片確實有幫助,你的描述很棒。祝你好運! :) – jmort253

+0

嘿。說實話,我不知道從哪裏開始關於這個問題,但這裏是完整項目的代碼:http://jsfiddle.net/tvm6X/ 乾杯隊友 –

+0

+1 - jsfiddle幫助先看到問題手,這太棒了!我會添加你的jsfiddle到你的問題。 – jmort253

回答

1

看起來你張貼了這個問題兩次。這裏是我的回答從other question:一個奇怪的相互作用的種類,但在這裏它是(jsfiddle

$(function() { 
    $("#resizable").resizable({ 
     handles : 'e, n, s, w', 
     resize : function(event, ui){ 
      switch($(this).data('resizable').axis) 
      { 
       case 'n': 
        $(this).resizable("option", "minHeight", 75); 
        break; 
       case 's': 
        $(this).resizable("option", "minHeight", 100); 
        break; 
       case 'e': 
        $(this).resizable("option", "minWidth", 150); 
        break; 
       case 'w': 
        $(this).resizable("option", "minWidth", 200); 
        break; 
      } 
     } 
    }); 
});​ 
+0

嗨瑞安,沒有必要多次回答轉貼問題。只需標記轉貼(或者在您達到3k代表時投票結束),我們會相應地關閉它們。現在,我已經關閉了另一個問題,因爲這裏的問題比較完整。 – BoltClock

+0

@BoltClock謝謝,總是在學習新的東西。 –

+0

瑞恩謝謝你的答案。我相信這應該得到我想要的結果!並感謝關於雙重發布的提示。但是讓我們說我的一個問題沒有答案,我應該編輯它嗎?謝謝。 另外,瑞安,你說這是一個奇怪的互動,什麼是實現我的目標的最佳途徑。如果你看看JSfiddle的例子,我相信你會看到我想要做的事情:) –

相關問題