jquery - Jquery 模态对话框只能拖动 1 次

Question

我有一个通过单击按钮打开的 jquery 模态表单。我保留了可拖动（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>

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