0

以下のリンクに示すように、垂直ルーラーで JQuery Resizable ウィジェットを使用しています。一度、東のハンドルを使用してサイズ変更を開始し、停止します。ここで、ルーラーのサイズを再度変更しようとすると、サイズ変更ハンドルが表示されません。html div を確認しましたが、ui-resizable div が削除されています。どんな種類の助けも役に立ちます。

私のJSコード:

createRuler();

$('.ruler').resizable({
  handles: "e",
  resize: function(event, ui) {
    $('.ruler').empty();
    createRuler();
  },
  stop: function(event, ui) {},
  start: function(event, ui) {}
});

完全なコードについては、ここを確認してください

4

2 に答える 2

1

この行はそれを破ります：

 $('.ruler').empty();

クリックするたびにデータ（または参照 - アプリケーションで empty() メソッドが何をするか正確にはわかりません）をダンプしていると思います。これは、最初にインスタンス化するときは問題ありませんが、次にクリックすると、同じ関数が再度実行されます。今回はサイズ変更のためのデータがありません。

$('.ruler').empty();ルーラー ハンドルの最初のクリックでのみトリガーされるロジックを設定してみてください 。

于 2016-04-13T15:48:30.033 に答える