jquery dialog verschiebbare und veränderbare

Ich möchte, dass meine div verschiebbare und veränderbare mithilfe von jquery.
Hier ist ein einfaches div:

<div id="dialog-modal-alerts" title="Alerts" style="display:none;"></div>

und dies ist, wie ich jquery verwenden:

$("#dialog-modal-alerts").dialog({
            height: 500,
            width: 900,
            title: strTitle,
            resizable:true,
            draggable:true,
            dialogClass: "alertDialog",
            //buttons: [{ text: "Ok", click: function() { $( this ).dialog( "close" ); } }],
            close: function (event, ui) { closeDialog(number) },
            modal: true
        });

Aber es funktioniert nicht.
Es funktioniert, wenn ich Schreibe

$(function () {
        $("#dialog-modal-alerts").draggable();
    });

Aber wenn ich Schreibe

$(function () {
        $("#dialog-modal-alerts").resizable();
    });

funktioniert es immer noch nicht
Kann jemand helfen mit meinem Problem?

Was erwartest du, wie sollte es funktionieren?
Ich möchte dragg mein div-Element und ändern Sie die Größe.
Standardmäßig wird der dialog ist beides: jsfiddle.net/7RtL7
ja, Sie sind
Haben Sie jquery UI? Das ist, wo all diese Dinge herkommen.

InformationsquelleAutor | 2013-08-20

  1. 3

    hast du das überprüfen? es ist standardmäßig ziehbar dialog und veränderbare

    http://jqueryui.com/dialog/#modal

    es ist über strTitle versuchen, Sie zu entfernen und fügen Sie 'Titel' oder irgendetwas-und close(Anzahl) stellen Sie sicher, Anzahl und strTitle existiert als gültige Variablen.

    ich habe dieses Beispiel habe ich fein arbeiten:

        <div id="dialog-modal-alerts" title="Alerts" style="display:none;">

        Hlllo
        Ahmed Alaa<br />

    </div>

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
      $(function () {
          $("#dialog-modal-alerts").dialog({
              height: 500,
              width: 900,
              title: 'Hi',
              resizable: true,
              draggable: true,
              dialogClass: "alertDialog", 
              modal: true
          });
      });

    Ja,ich cheked.Wie Sie sehen, meine Antwort oben,ich nehme an, dass es wil verschiebbare und veränderbare aber es funktioniert nicht
    versuchen Sie, entfernen Sie die draggable-Funktion und lassen Sie das veränderbare ,vielleicht ist etwas schief geht, wenn die addition der beiden
    Ich versuchte dieses aber es hat nicht' Arbeit(
    es geht um strTitle versuchen, Sie zu entfernen und fügen Sie 'Titel'
    Ich denke nicht so,ich habe die gleiche Idee)lösche ich diese Zeichenfolge ein nichts geändert

    InformationsquelleAutor Ahmed Alaa El-Din

  2. 0

    Meine beste Vermutung ist, dass es ist etwas defekt in einer Ihrer Funktionen, die Sie noch nicht gezeigt, vielleicht ein syntax-Fehler, hält es beendet den code. Ich sage dies, weil ich erfolgreich ausführen kann das snippet und das gewünschte Verhalten. Vielleicht ist mein voller pastebin helfen.

    Beachten Sie, dass separat aufrufen

    $("#dialog-modal-alerts").draggable();

    wird erwartet, um zu arbeiten, denn dies ist ein dokumentiertes jquery-ui-Methode. Sie können markieren Sie beliebige Artikel als ziehbar, ob oder nicht es ist ein modal-dialog, und das ist, was Sie getan haben.

    Auf der anderen Seite,

    $("#dialog-modal-alerts").resizable();

    wird wahrscheinlich nicht funktionieren, da Vergrößerbar ist nicht seine eigene Funktion.

    Danke,werde ich versuchen, diese. Aber sind Sie sicher, dass resizable nicht die jquery-eigene Funktion? Siehe den link: jqueryui.com/resizable
    Ich stehe korrigiert.

    InformationsquelleAutor David Berger

Schreibe einen Kommentar