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

  • bennoberga
    hat ein Thema erstellt [Erledigt] Resizable & Draggable mit Jquery.

    [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?

  • bennoberga
    antwortet
    Funktioniert. Danke BlackScorp

    Einen Kommentar schreiben:


  • BlackScorp
    antwortet
    http://jsfiddle.net/Vx8pf/1/ have fun

    Einen Kommentar schreiben:


  • s4ty
    antwortet
    edit...

    Einen Kommentar schreiben:


  • bennoberga
    antwortet
    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*

    Einen Kommentar schreiben:


  • nikosch
    antwortet
    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.

    Einen Kommentar schreiben:


  • bennoberga
    antwortet
    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.

    Einen Kommentar schreiben:


  • nikosch
    antwortet
    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.

    Einen Kommentar schreiben:


  • bennoberga
    antwortet
    Hab mein Rumgepfusche jetzt mal hier online gestellt.

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

    Einen Kommentar schreiben:


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

    Einen Kommentar schreiben:


  • bennoberga
    antwortet
    Leer.

    Einen Kommentar schreiben:


  • nikosch
    antwortet
    Was zum Teufel?
    Fehlerkonsole.

    Einen Kommentar schreiben:

Lädt...
X