jQuery ui Dialog: désactiver "Déplaçable" pour boîte de Dialogue contenu

Je vais avoir un pet cerveau et n'arrive pas à récupérer le contenu de mon jquery ui boîte de dialogue pour arrêter d'être "déplaçable". J'ai éteint le déplaçable réglage sur la boîte de dialogue pop-up, cependant, le contenu à l'intérieur de la boîte est encore en mesure d'être traîné hors de la zone de vue. J'aimerais avoir une statique placé boîte et statique contenu positionné à l'intérieur de la boîte.

Voici mon code:

$('.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
    }

Merci!

  • Pourquoi faites-vous appel à draggable() sur le <div> si vous ne voulez pas qu'il soit déplaçable?
  • Haha oops 🙂 Merci à vous pour s'apercevoir qu'.. je dois être aveugle.
InformationsquelleAutor Evan Layman | 2011-07-18
  1. 11
        $('#popup').dialog({
        width: 600,
        modal: true,
        resizable: false,
        draggable: false
    });

    Dans cet exemple, j'ai désactivé les deux déplaçable et redimensionnable événements sur une boîte de dialogue.

    InformationsquelleAutor Sorin Haidau
  2. 6
    $("#test_id").dialog({
    display: 'block',
    width: 500,
    modal: true,
    resizable: false,
    draggable: false,
    buttons: {
       "Ok": function() {
            $(this).dialog("close");
        }
    }
});
    • Alors que ce code peut répondre à la question, en fournissant plus de contexte sur pourquoi et/ou comment ce code répond à la question permettrait d'améliorer de manière significative sa valeur à long terme. Veuillez modifier votre réponse à ajouter quelques explications.
    InformationsquelleAutor Annie Chandel
  3. 4

    Lorsque vous faites:
    $("div").draggable({disabled:true}) la div devient transparent, vous pouvez supprimer la catégorie de handicapés, de sorte que cela n'arrive pas:

    $("div").removeClass(' ui-draggable-disabled ui-state-disabled');

    InformationsquelleAutor CIRCLE
  4. 3

    Vous pourriez tout aussi bien définir le déplaçable à faux par:

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

    Si vous voulez arrêter de l'utilisateur de re-dimensionnement de la boîte de dialogue, vous pouvez utiliser le code ci-dessous.

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

    Empêche l'utilisateur de re-dimensionnement de la boîte de dialogue.

    InformationsquelleAutor Er. ßridy