我正在使用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>
-----
-----
答案 0 :(得分:0)
知道了,这不是因为插件,错误的原因是我试图在另一个<form>
内使用<form>
这是愚蠢的。实际上html文件太大了,我没有意识到这一点。