jQuery - строки динамической таблицы не работают в IE / Opera - PullRequest
Новая
       8

jQuery - строки динамической таблицы не работают в IE / Opera

0 голосов
/ 27 июля 2010

Пример (работает в Firefox): http://progamonth.com/files/tablestestfile.html

Я не могу получить элементы select для динамического добавления в таблицу.Это работает в 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;
}

1 Ответ

1 голос
/ 27 июля 2010

Я только что попробовал твой код. Кажется, в IE свойство display, установленное в «скрытом» классе css (display: none), не переопределяется, даже если вы вызвали show (). Либо удаление класса css для клонированных элементов select, либо явное задание для свойства display значения block и inline работает: 

$select.removeClass('hidden');

(или) 

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