jQuery 模态对话框与 html() 冲突并返回 false；

Question

我有一个使用 slickmap.css 的组织结构图，我用切换显示/隐藏对其进行了修改。一切正常，但现在我需要在单击时添加一个模式对话框窗口并显示 a 标签的信息。

我设法做到了这一点，但必须添加一个 return false 以防止发生切换关闭操作。现在，当我显示信息时，它会从页面中完全删除 a 标签。我认为当我添加 html(this) 时，它会忽略最后的 return false 。

请任何人帮助我使这两个功能一起工作。

这是我用来调用模态对话框的代码，抱歉我没有发布小提琴，但我认为这就是问题所在

$('#samplelink').click(function(){
  $('#modal_window').dialog('open').html(this);
  return false;
}); //end click handler

Answer 1

您无法将 this 传递给 html() 方法。

由于该代码位于事件处理程序内，因此 this 将是处理该事件的 DOM 元素（在我们的示例中为 click）。 html() 只能接受字符串或函数参数。

如果您的目标是用 #samplelink 的内容填充对话框，则应在不带参数的情况下对当前元素调用 html()，然后调用 html()对话框上的 以及结果字符串：

$("#samplelink").click(function() {
    $("#modal_window").dialog("open").html($(this).html());
    return false;
});

Answer 2

尝试：

$('#samplelink').click(function(){
  $('#modal_window').dialog('open').html($(this).html());
  return false;
}); //end click handler

其中 $(this).html() 包含有效的 HTML 代码。

你可以快速尝试

$('#samplelink').click(function(){
  $('#modal_window').dialog('open').html('<h1>Hello World</h1>');
  return false;
}); //end click handler