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工具提示等。但我面临的问题是这些插件没有像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帮助了我。

寻找支持内联弹出的jQuery工具提示插件，如overLib

2 个答案: