3

我有两个 jQuery UI 对话框（彼此无关，但都表现出这种行为），它们在第一次打开和关闭时表现完美。一旦他们第一次关闭，虽然他们不会重新打开。下面是其中一个的代码，另一个具有相同的结构。我没有在任何地方调用“destroy()”或“remove()”，所以我不确定为什么这些不能正常工作。这是我的代码：

$(".qr_link").click(function(){
  openQr(this);
});

function openQr(that){
  var title = $(that).parent().parent().children("p.resume-name").text();
  var qr = $(that).parent().parent().children(".qr_image");

  $(qr).dialog({
    title: title,
    width: 'auto',
    height: 'auto',
    modal: true
  });
}

我的标记：

<div class="resume">
  <p class="resume-name"><%= link_to(offer.name, public_url(offer.public_id, :host => ApplicationSetting.short_domain, :params => {:rid => @recruiter_id})) %></p>
  <p id="resume_links">- 
    <%= link_to("QR", "#", :class => "qr_link") %>
    <%= link_to("X", "#", :class => "remove_link") %>
    <%= link_to("Preview", "#", :class => "preview_link") %>
  </p>
  <%= qr_image(public_url(offer.public_id, :host => ApplicationSetting.short_domain, :params => {:rid => @recruiter_id}), "200x200", "hide qr_image")%>
  <p class="resume-tags"><span class="resume-tags-label">Tags: </span><span class="resume-tags-value">
    <%= offer.tags.join(", ") %>
  </p>
  <p class="resume-description"><%= offer.description %></p>
</div>

提前致谢。

更新

所以最初，我在页面加载时加载了 qr 图像，但我把它隐藏了。它在对话框中显示正常，但是当对话框出现时，qr 图像会从 HTML 中删除！所以我猜重新格式化的问题是，“为什么我的二维码被删除了？”

4

2 回答 2

5

$(qr).dialog({...})初始化并只打开一次对话框。如果你想再次打开它，你需要调用.dialog('open')元素。

至于更新的问题：对话框将其内容从您拥有的地方移动，将其包装在具有样式的容器中，然后将其附加到文档的末尾。但是，您获取对话框元素的方式现在将不起作用，因为它已被移动。

我建议使用 ID 来引用对话框内容，而不是遍历 DOM。您可以将该 ID 作为数据属性存储在被单击的元素上。

于 2012-08-21T03:47:56.943 回答
1

我无法复制您的错误。你可以JSFiddle完整的代码吗？

在启动之前尝试在模式上调用 destroy 。

$(":ui-dialog").dialog("destroy");
于 2012-08-20T23:27:03.213 回答