JQuery UI resizableはプログラムでサイズ変更をキャンセルできません

Question

div内に含まれるテーブルのサイズを変更するJQuery UIを使用してサイズ変更可能なdivを作成しようとしています。

$("#WorkRequests").resizable({ 
     minWidth: $("#WorkRequests").width(), 
     maxWidth: $("#WorkRequests").width(), 
     handles: 's', 
     resize: function (event, ui) { 
      var minRows = 10; 
      var rowHeight = 35; 
      var rows = $("#tbl-WorkRequests-page-size").val(); 

      if ((rows * rowHeight) > $("#WorkRequests").height()) { 
       if (rows > minRows) { 
        $("tbl-WorkRequests-page-size").val((rows - minRows).toString()); 
       } else { 
        return false; 
       } 
      } 
     } 
    }); 

ただし、divのサイズを小さくしすぎると、「return false;」に達することがあります。他のJQueryのようなサイズ変更イベントはキャンセルされません。どうして？また

下の行：

$("tbl-WorkRequests-page-size").val((rows - minRows).toString()); 

は、選択リストの値を設定する必要があり、しかし、それしないのは、なぜ？

ありがとう、 アレックス。

Answer 1

が、私は＃がありませんでした。このライン

$("tbl-WorkRequests-page-size").val((rows - minRows).toString()); 

に判明し、申し訳ありませんみんな、私は、HTMLを掲載している必要があります。

$("#tbl-WorkRequests-page-size").val((rows - minRows).toString()); 

おかげで、 アレックス。

Answer 2

短い答えは：これは、ドラッグが正しく実装されていないため不可能です。 falseを返すとイベントが停止するはずですが、残念ながらこれはサイズ変更可能に正しく実装されていません。