jQuery UIダイアログは、位置を固定して使用するとオフスクリーンになる

Question

jQuery UIを使用してダイアログを表示していて、スクロール状態にかかわらず常に同じ位置にあるようにします。あなたが一番下にダイアログをドラッグするのであれば、私はちょうど今、CSSコード

.ui-dialog { 
    position: fixed; 
} 

を追加し、完全になくなっているように、画面外に移動することが可能です。誰もそれを防ぐ方法を知っていますか？ デモンストレーションについては、このフィドルを参照してください。https://jsfiddle.net/d0pgfwk7/

Answer 1

I fin私の問題は解決しました。解決策は、ダイアログのドラッグ可能な設定を使用するのではなく、ウィジェット自体を使用することでした。だから私のコードは次のようになります。

$("#dialog").dialog(
    { 
     draggable: false, 
     dialogClass: 'my-dialog' 
    } 
}); 
$('.my-dialog').draggable({ 
    containment: 'window' 
}); 

Answer 2

jqueryダイアログボックスはドラッグ可能です。詳細は、参照してくださいhttp://jsfiddle.net/tj_vantoll/LZ9SR/

ここでフィドルをご覧下さい：この場合は はそれだけでここフィドルhttps://jsfiddle.net/d0pgfwk7/

EDITを参照してください

draggable: false 

を使用し、かなり簡単な修正 ですこのリンクhttps://bugs.jqueryui.com/ticket/8741