JQuery slideToggle问题

Question

确定有一个明显的答案,但我不知道.我使用JQuery动态加载页面.load()在"加载"页面上有一个表单元素的表单,例如input type="number"(HTML5).

是否有任何理由为什么如果我slideToggle()表单元素总是回复到表单,input type="text"如果我toggle()- (只是toggle())元素保持"真"同样如果我添加toggle('slow')表单元素总是回复到input type="text"

好."page1"上的HTML代码如下所示:

<form method="post" id="frmcreate">
<ol></ol>
<input type="submit" id="testit" />
</form>

它像这样加载到这个 - 是的doc ready()等.

$('ul#fieldtypes li a').click(function(){
var id_timestamp = new Date().getTime();
var id = $('.inputlength').length;
$( "#frmcreate ol" ).append('<li id='+id_timestamp+' class="inputlength"></li>');
$('#'+id_timestamp).load('test1.php?y='+id);
return false;

});

这是加载的表单

Type <input type="text" name="fieldmeta<?php echo $y; ?>[type]" /> <?php echo $error; ?> 
<br/>
Name <input type="text" name="fieldmeta<?php echo $y; ?>[name]" value="<?php echo $y; ?>" /> <?php echo $error; ?> 
<br/>
<div class="optoggle">OPTIONS</div>

这些是从其他页面加载的"选项":

<li>Cols<input type="number" name="fieldmeta<?php echo $y; ?>[cols]" /> <?php echo $error; ?></li>
<li>Rows<input type="number" name="fieldmeta<?php echo $y; ?>[rows]" /> <?php echo $error; ?></li>
<li>Size<input type="number" name="fieldmeta<?php echo $y; ?>[size]" /> <?php echo $error; ?></li>

它们像这样加载:

$('.optoggle').live('click',function(){
    $(this).next('div').toggle();
});

Answer 1

在 FF (3.6.13) 上它会提醒“文本”，在 Chrome 上会提醒“数字”。猜测是因为 FF 不知道“数字”类型，所以它会恢复为默认的“文本”类型。