jquery vraag

Hey jongens,

Ik probeer een sleep box te maken.

$(document).ready(function() { 

    $(.draggeble).draggable({ 
        start: function(event, ui) { 
            this.addClass(drag);
        }
        stop: function(event, ui) {
            this.removeClass(drag);
            
            var x = this.offset().left;
            var y = this.offset().top;
            alert(x +   + y)        
        }    
    });
});

Het wil alleen niet werken . Als ik alleen .draggable() doe werkt het wel.

$(.draggeble).draggable({

Weet niet of het aan die spelfout ligt?

nop

Josnl schreef:

$(.draggeble).draggable({

Weet niet of het aan die spelfout ligt?

Das gewoon zijn class he.

Rogier schreef:

nop

Hmmm.. ik snap het nog niet precies. Je wilt gewoon iets kunnen slepen?

Zo heb ik het:

$("#content").draggable({ 
                containment : parent,
                handle : div#content,    
            });

Het moet slepen, maar bij het slepen een class toevoegen. En als het stopt met slepen een class weghalen en de nieuwe plek opslaan.

Eigenlijk een beetje het zelfde als one2xs index pagina? dat je die vakjes ook kan verslepen dus.

en als je console.log(this); doet, wat heeft die te zeggen dan?
En sws heeft je console een error of warning?

Include je de jQuery API wel?

Vriendje schreef:

Include je de jQuery API wel?

jQuery UI zou je dan ook moeten includen, niet alleen jQuery.

$(document).ready(function() { 

    $(.draggeble).draggable({ 
        start: function(event, ui) { 
            this.addClass(drag);
        },
        stop: function(event, ui) {
            this.removeClass(drag);
            
            var x = this.offset().left;
            var y = this.offset().top;
            alert(x +   + y)        
        }    
    });
});

Na de start functie moet een komma

ER waren twee fouten. Die comma idd (bedankt daarvoor superb). En de addclass() moest $(this).addclass zijn.

Dan werd alert() niet afgesloten. Maar dat is niet belangrijk want in de echte code laad daar een ajx ding.

Het is dus opgelost!