Jquery模态对话只能拖动1次

Question

我有一个jquery模式表单，通过单击按钮打开。我已经保留了draggable（true）的默认值，但由于某种原因，它在删除后不再拖动。我可以移动一次，但是在我放开之后，它不会再移动了。

<script type='text/javascript'>
 $("div#newSenderDialog").dialog({
        autoOpen: false,
        height: 400,
        width: 600,
        title: "New Template Sender",
        modal: true,
        position: {top: 50, left: 20},
        buttons: {
                Cancel: function (){$(this).dialog('close');}
            }
    });
$("button#new").click(function(){
    $("div#newSenderDialog").dialog('open');
});
</script>
<div id='newSenderDialog'>
<form id='newSender'>
    <ul>
        <li>
            <label>Email Address</label>
            <span class='formElement'><input type='text' name='senderEmail' /></span>
        </li>
        <li>
            <label>Campus</label>
            <span class='formElement'><?php echo $view->GetUniversity()->GetCampusSelect('senderCampus', '', GetSessionVar('campusid', '1', 'managedTemplates'))?></span>
        </li>
    </ul>
  </form>
</div>

我在页面上有两个对话框，两个都有这个问题。任何建议将不胜感激。