1

適用したDIVがあります。

$(mydiv).resizable({handles: "w", maxWidth: 300, minWidth: 10});

さて、プログラムで幅300ピクセルまたは幅10ピクセルにしたい場合があります。私は多くの組み合わせを試しましたが、どれもうまくいきません。より複雑な試みのいくつかは次のようになります。

var my_event = new jQuery.Event("resize");
my_event.offsetX = my_event.clientX = my_event.pageX = $(window).width() - 300;
$(mydiv).trigger(my_event);

DIVはページの右端にあるので、マウスは右端から300ピクセルになります。

これは明らかに間違った方法です。正しい方法は何ですか？

ありがとう。

4

1 に答える 1

0

これ（更新された例）は機能しますか？（デモ）

<div id="WindowA" class='Window'>I'm re-sizeale</div>
<div id="WindowB" class='Window'>I'm not re-sizeale</div>
<button id="Resize">Reset Size</button>
<script>
  var windowA = $('#WindowA'),
      windowB = $('#WindowB');

  windowA.bind({
    resize : function(event,ui) {
      windowB.css({
        "width": windowA.width() + "px",
        "height": windowA.height() + "px"
      });
    }
  }).resizable();

  $('#Resize').on('click', function () {
    windowA.css({
      "width": "150px",
      "height": "150px"
    }).trigger('resize');
  });
</script>
<style>
  .Window {
    width: 150px;
    height: 150px;
  }
  #WindowA {
    background-image: url(http://placekitten.com/200/300);
  }
  #WindowB {
    background-image: url(http://placekitten.com/g/200/300);
  }
</style>
于 2013-03-13T22:32:58.603 に答える