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 docs。

Answer 3

您可以使用

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

重定向。在对话框关闭后放置。

关闭对话框并重定向，如果网址存在

3 个答案: