1. jQuery UI Touch Punch のResizableが効かない場合

    新規に追加したエレメントには効かない(?)ようです。

    どうやらリサイズハンドルの領域を計算するのがmouseoverのタイミングなので、mouseoverイベントがないタッチデバイスだと動かないみたいです。新しいエレメントを追加した段階で、強制的にmouseoverイベントを呼んであげると無事動きました。

    こんなかんじです。

    $(".ui-resizable-handle.ui-resizable-s").trigger( "mouseover" );

     

    Posted by Takeya Hikage on 2013年11月12日
    Categories jQuery