Coder Forum

Source code

$("#ex3").jqDrag is not a function
(no name)()index.html (line 30)
to the wait list jQuery.readyList.push()jquery.js (line 2274)
(no name)()jquery.js (line 2294)
each([function()], function(), undefined)jquery.js (line 751)
ready()jquery.js (line 2293)
[Break on this error] $('#ex3').jqDrag('.jqDrag');

HTML Code

...
<script type="text/javascript">
						$().ready(function() {
							$('#ex3').jqDrag('.jqDrag').jqResize('.jqResize');
						});
					</script>
					<div id="ex3" class="jqDnR">
						<div class="jqHandle jqDrag"></div>
						<br />
						I am an example Box "#ex3"<br />
						Using the Handles, you can *RESIZE*
						and *DRAG* me.
						<div class="jqHandle jqResize"></div>
					</div>
...

JavaScript Code

$(document).ready(function(){
  	$(".dNr").resizable({ autohide: true, 
  					handles: 'all',
  					proxy: 'proxy' });
        $(".dNr").draggable({ containment: 'parent', 
  					revert: false,
  					stop: function(e, ui) {
  							//handle saving of data in a cookie here with ajax
  							/* 
  							//necessary data:				
  							alert("links: "+ui.position.left+", oben: "+ui.position.top+
  							", width: "+$(this).width()+", height: "+$(this).height() );
  							*/
  						} 
  					});
  });