Using handle option with ui.draggable
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body bgcolor="#ffffff" text="#000000">
I have a modal dialog created with jqModal, loaded via AJAX. I have a
div at the top of the dialog with id="draghandle". I am trying to
restrict the dragging to only be done when clicking on this handle.
Here is my code in my document.ready function:
<blockquote><tt>$("#editdialog").draggable({handle: "#draghandle"});
</tt>
</blockquote>
This doesn't seem to do anything. I can still drag the dialog by
clicking in areas of the dialog other than the handle. Is the handle
restriction a problem because the dialog content is loaded via AJAX?
Carl