web-dev-qa-db-ja.com

jQuery uiダイアログ：ダイアログコンテンツの「ドラッグ可能」をオフにします

私は頭がおならをしていて、jqueryuiダイアログのコンテンツを「ドラッグ可能」で停止させることができないようです。実際のダイアログポップアップでドラッグ可能な設定をオフにしましたが、ボックス内のコンテンツをボックスのビューからドラッグすることはできます。静的に配置されたボックスとボックス内に静的に配置されたコンテンツが欲しいのですが。

これが私のコードです：

$('.LinkBtn').click(function (e) {
        e.preventDefault();
        var OfferID = $(this).attr('id').substring(8);
        $('#HiddenLinks_' + OfferID).show();
        newDialog(OfferID);
    });
    function newDialog(OfferID) {
        var divObj = $('#HiddenLinks_' + OfferID);
        var $dialog = divObj
        .draggable()
        .dialog({
            draggable: false,
            autoOpen: false,
            resizable: false,
            modal: false,
            title: $('#HiddenLinks_' + OfferID).attr('title')
        }).draggable(false);
        $dialog.dialog('open');
        return false
    }

ありがとう！

jqueryjquery-uidraggablejquery-ui-dialog
14
Evan Layman
    $('#popup').dialog({
        width: 600,
        modal: true,
        resizable: false,
        draggable: false
    });

この例では、ダイアログボックスでドラッグ可能なイベントとサイズ変更可能なイベントの両方を無効にしました。

11
Sorin Haidau
$("#test_id").dialog({
    display: 'block',
    width: 500,
    modal: true,
    resizable: false,
    draggable: false,
    buttons: {
       "Ok": function() {
            $(this).dialog("close");
        }
    }
});
6
Annie Chandel

次のようにすると、$("div").draggable({disabled:true}) divが透過的になり、クラスを無効から削除して、これが発生しないようにすることができます。
$("div").removeClass(' ui-draggable-disabled ui-state-disabled');

4
CIRCLE

次の方法で、ドラッグ可能をfalseに設定することもできます。

$("div").draggable({disabled:true}) // this will disable dragging on a draggable object
$("div").draggable({disabled:false}) // this will enable dragging on a draggable object
3
user2544256

ユーザーによるダイアログボックスのサイズ変更を停止したい場合は、以下のコードを使用できます。

$("#yourDivId").dialog("option", "resizable", false);

これにより、ユーザーはダイアログボックスのサイズを変更できなくなります。

1
Er. ßridy