Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Resizable & Draggable mit Jquery

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Erledigt] Resizable & Draggable mit Jquery

    Hallo.

    Aus unzähligen Tutorials und Beispielen geholt, wie in denen umgesetzt:

    Mein zu "resize und draggendes" Element:
    Code:
    <img src='irgendeinbild.jpg' alt='Irgendeinbild'  id='resizedrag'>
    Mein Code:
    Code:
    <script>
            $(function() {
          		  $('#resizedrag')
                                      .resizable()
                                      .draggable();
          	});
     <script>
    Anmerkungen:
    Jquery wird nach dem Body eingebunden.
    Der Javascript Code wird nach dem einbinden ausgeführt.
    CSS Angaben für das zu "resize und draggendes" Element sind keine vorhanden.

    Und trotzdem lässt das Bild sicht nicht ziehen und verschieben.

    Was zum Teufel?

  • #2
    Was zum Teufel?
    Fehlerkonsole.

    Kommentar


    • #3
      Leer.

      Kommentar


      • #4
        Dass resizable() und draggable() nicht zum jQuery Core gehören ist Dir aber klar, ja?
        Leer
        Bezweifle ich.

        Kommentar


        • #5
          Hab mein Rumgepfusche jetzt mal hier online gestellt.

          Ja, resizable() und draggable() wird mit "combined.min.js.gz" geladen, ebenso wie das restliche jQuery.

          Kommentar


          • #6
            document.getElementById("title") is null
            [Bei diesem Fehler anhalten]

            var title = document.getElementById('title').value ;
            ?!
            $(document).ready(function(){
            $('#resizedrag').resizable();
            });
            Und resizable ist das Bild auch.

            Kommentar


            • #7
              Sorry, vergessen auszukommentieren. Hat leider nichts mit obigem Problem zu tun.

              Wie jetzt? Bei mir geht das Bild in FF, Opera und Chrome nicht zu resizen.

              Kommentar


              • #8
                Möglicherweise erlauben die UI-Helper kein chaining.
                Kannst ja mal console.log ($('#resizedrag').draggable()); ausführen oder beide Befehle mit einem eigenen Selector ausstatten.

                Kommentar


                • #9
                  Opera:
                  Code:
                  console.log ($('#resizedrag').draggable());
                  generate2.php:1
                  Object [<img src="http://www.memes.at//generate/chemistry-cat.jpg" alt="Generator character" id="resizedrag" style="margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; position: static; display: block; height: 494px; width: 500px" class="ui-draggable ui-resizable"/>
                  
                  ]
                  undefined
                  Chrome ähnlich, ebenso sagt Firefox, dass $("#resizedrag") is null ist.
                  *kein Plan hab*

                  Kommentar


                  • #10
                    edit...

                    Kommentar


                    • #11
                      http://jsfiddle.net/Vx8pf/1/ have fun

                      Kommentar


                      • #12
                        Funktioniert. Danke BlackScorp

                        Kommentar

                        Lädt...
                        X