2012-11-05 53 views
0

我正在使用jquery hovercard plugin。我創建了一個包含表單的hiddendiv。所以它在懸停時返回表單。窗體不工作在jquery hovercard

後來我發現表單的提交,重置,清除選項不起作用。讓我知道我做錯了什麼。我認爲這個插件不能處理<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

嘗試類似這樣的javascript:document.getElementsByName('testform')。reset() –

+0

你會得到任何控制檯錯誤嗎? – st3inn

+0

@Rajesh:我認爲它跳過了'

',我得到的輸出只是由於''標籤。因此,如果''工作不正常,那麼'submit','reset','clear'將最終失敗。 –

回答

0

明白了,這不是由於插件,錯誤的原因是,我試圖用<form>內的另一個<form>這是愚蠢的。其實HTML文件太大,我不知道這一點。