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
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
Link gekopieerd
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. $_$
[size=xsmall]Toevoeging op 20/07/2012 11:45:25: [/size]
Toevoeging op deze vraag.. kan je er ook voor zorgen dat er een php script word uitgevoerd zodra je de afbeelding heb gedropt en zoja, hoe?
Link gekopieerd