jquery - 如果 url 存在，则关闭对话框并重定向

Question

我在链接中添加了一个 css 类，单击该类时会关闭 jquery ui 对话框，但我希望它重定向到页面（在 iframe 中）并关闭对话框。

目前，如果链接具有 href 值，它只会重定向并且不会关闭对话框。如果没有 href 值，它会根据需要关闭对话框。

<a href="http://...." class="button hide" target="contentFrame">Some Text</a>


$(".hide").bind("click", function(){
  $(".dialog").dialog('close');
});

所以我需要先以某种方式关闭对话框，然后再进行重定向。

我可以覆盖点击并以某种方式做到这一点吗？如果没有 href 值，或者它为空，我不需要重定向，只需关闭对话框即可。

Answer 1

试试这个：

$(".hide").bind("click", function(event){
  event.preventDefault();
  $(".dialog").dialog('close');
  window.location.href = $(this).attr('href');
})

Answer 2

关闭对话框后需要手动重定向（这样可以控制顺序）。类似于以下内容：

$(".hide").bind("click", function(e){
  e.preventDefault();
  $(".dialog").dialog('close');
  $iframe.attr('src',$(this).attr('href'));
})

请记住，您必须这样做，preventDefault()否则链接将像往常一样单击。有关示例和更多信息，请参阅jQuery 文档。

Answer 3

您可以使用

window.location = "http://www.google.com/"

重定向。把它放在你的对话框关闭行之后。