jQuery的 - 动态表行不会在IE /歌剧

Question

例（在Firefox）工作： http://progamonth.com/files/tablestestfile.html

我不能选择动态获取添加到表元素。这在Firefox中有效，但在IE和Opera中失败。这里发生了什么？

DOM代码：

<table id = "myTable"> 
<thead> 
<tr><th>1</th><th>2</th><th>3</th> 
</thead> 
<tbody> 
</tbody> 
</table> 
<select id = "select1" class = "hidden"> 
<option>1</option> 
<option>2</option> 
<option>3</option> 
</select> 
<select id = "select2" class = "hidden"> 
<option>A</option> 
<option>B</option> 
<option>C</option> 
</select> 

Javascript: 

$(document).ready(function(){ 
    $('#myTable tbody').append(generate()); 
}); 

function generate() 
{ 
    var $row = $('<tr>'); 

    var selects = [$('#select1'), 
        null, 
        $('#select2')]; 

    for(var i in selects) 
    { 
     var $td = $('<td></td>'); 

     if(selects[i] != null) 
     { 
      var $select = selects[i].clone().show().removeAttr("id"); 

      $select.find('option:first').before($('<option>')); 
      $select.val(""); 
      $td.append($select); 
     } 

     $row.append($td); 
    } 

    return $row; 
} 

Answer 1

我只是想你的代码。看起来，在IE中，隐藏的CSS类（display：none）中设置的显示属性不会被覆盖，即使你调用了show（）。无论是去除CSS类克隆的选择元素，或明确设置了“显示”属性设置为“块” /“内联”的工作原理：

$select.removeClass('hidden'); 

（或）

$select.css({display:'block'});