Laat je code eens zien? En e.v.t het voorbeeld?
Link gekopieerd
jquery en jquery-ui wel in je pagina head geinclude?
Link gekopieerd
Dit is de code die ik heb. Ik weet alleen niet goed wat ik moet includen..
Het enige wat ik include is:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
Dit is de code die ik in m'n test pagina heb staan:
<html>
<head>
<title>Test</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<style>
#draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
</style>
<script>
$(function() {
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
drop: function( event, ui ) {
$( this )
.addClass( "ui-state-highlight" )
.find( "p" )
.html( "Dropped!" );
}
});
});
</script>
</head>
<body>
<div class="demo">
<div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p>
</div>
<div id="droppable" class="ui-widget-header">
<p>Drop here</p>
</div>
</div><!-- End demo -->
<div class="demo-description" style="display: none; ">
<p>Enable any DOM element to be droppable, a target for draggable elements.</p>
</div><!-- End demo-description -->
</body>
</html>
Link gekopieerd
je moet ook jQueryUI invoegen, en niet alleen jQuery.
Link gekopieerd
Deze dus ook
Link gekopieerd
Wouter J
19-07-2012 11:17
gewijzigd op 19-07-2012 11:26
Liever een speciale download maken waarbij je alleen aangeeft wat je echt nodig hebt, dat bespaard wat laadtijd.
Link gekopieerd
Bedankt! ik was vergeten de jQueryUI in te voegen. $_$ Toevoeging op 20/07/2012 11:45:25: [/size]
Link gekopieerd
