寻找支持内联弹出窗口的 jQuery 工具提示插件，如 overLib [关闭]

Question

我将从代码开始

<form name='form 1' action='$action'>
input tags
<table>
some tr tags along with td tags
and after some lines in the same table under a td tag
<td>
<a href="javascript:void(0);" onclick="return overlib('<FORM name=\'form 2\' action=\'$action\'>....code for this form.....</FORM>');">XYZ</a>
</td>
....
....
</table>
</form>

如您所见，我使用overLib 创建了一个内联弹出窗口。当您单击“XYZ”时，这将返回一个表单。它工作正常。

现在我想使用其他一些 jQuery 插件，我尝试了 jQuery Hovercards、jQuery tooltip 等。但我面临的问题是这些插件没有像 overLib 这样的弹出功能。他们基本上使用“hiddendiv”并在您将鼠标悬停在“XYZ”上时显示它（当您将鼠标悬停在XYZ上时应该返回表单）但它不返回表单，为什么？因为如果你仔细注意到这个form 2 在form 1 里面，你知道你不能在另一个form 里面使用form。它在 overLib 案例中运行良好，因为它正在创建一个弹出窗口。

现在我正在寻找一个 overLib 替代方案，它可以创建一个弹出窗口，以便我可以在该弹出窗口中返回一个表单。是否有任何具有内联弹出功能的工具提示插件？或者我如何调整这个 HTML 代码以允许表单内的表单？

Answer 1

尝试替换此代码

<a href="javascript:void(0);" onclick="return overlib('<FORM name=\'form 2\' action=\'$action\'>....code for this form.....</FORM>');">XYZ</a>

有了这个

<a href="javascript:void(0);" onclick="return overlib('\<FORM name=\'form 2\' action=\'$action\'\>....code for this form.....\</FORM\>');">XYZ</a>

我试过了，效果很好。

Answer 2

没有找到任何相关的插件，所以我创建了一个简单的 jQuery 弹出窗口。这个answer 帮助了我。