表格不适用于jquery hovercard

时间:2012-11-05 11:30:20

标签: javascript jquery jquery-plugins hover mouseover

我正在使用jquery hovercard plugin。我创建了一个包含表单的hiddendiv。所以它在悬停时返回表单。

后来我注意到表单的提交,重置,清除选项无效。让我知道我在哪里做错了。我认为这个插件不能处理<form>。我可能错了。

以下是我的尝试。

<script type="text/javascript" src="http://dl.dropbox.com/u/40036711/jquery.hovercard.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$('#demo-basic').hovercard({detailsHTML:$('#hiddenDiv').html(),
width: 210
});
});
</script>
<style type="text/css">
body
{
    font-family:Sans-serif;
    font-size:12px;
    padding:15px;
    line-height:1.5em;
}
#hiddenDiv
{
    display:none;
}
strong
{
    font-weight:bold;
}
</style>
</head>
--------------
--------------
<body>
<p><label id="demo-basic">Filter</label></p>
<div id="hiddenDiv">
<form name='testform' action='$action'>
some <input> and <option> tags...
<a href='javascript:document.testform.reset()'><img src='$path/resetimage.png'></a>
<a href='javascript:document.testform.clear()'><img src='$path/clearimage.png'></a>
<a href='javascript:document.testform.submit()'><img src='$path/submitimage.png'></a>
</form>
-----
-----

1 个答案:

答案 0 :(得分:0)

知道了,这不是因为插件,错误的原因是我试图在另一个<form>内使用<form>这是愚蠢的。实际上html文件太大了,我没有意识到这一点。