jQuery对话框位置删除了内容并且不起作用

Question

我有一个弹出对话框

<div id="dialog-form" title="Edit Savings Code Price">
  <form>
    <fieldset>
      <label for="price">Price</label>
      <input type="text" name="price" id="price" class="text ui-widget-content ui-corner-all">
    </fieldset>
  </form>
</div>

我以通常的方式显示它：

edit_dialog = $( "#dialog-form" ).dialog({
  autoOpen: false,
  height: 100,
  width: 350,
  modal: true,
  ...

它工作正常并显示输入框。但是，当我尝试将其动态定位在要编辑的<td>元素附近时，它不会显示输入框，而仍位于屏幕顶部。

   edit_dialog.dialog( "open" );
   edit_dialog.position({
     my: "left top",
     at: "top",
     of: tds[1]
   });

请注意，{

tds[1]

，并且我已验证该值正确。这是下面的完整代码。当我注释掉“麻烦的定位块”时，将显示输入字段，但是当未注释掉它时，则将其隐藏-对话框出现在屏幕顶部的同一位置。

   var tds = $(this).closest('tr').children('td');