jQuery - Анимация с элементами <td>слишком грубая - PullRequest
1 голос
/ 27 января 2012

Хорошо, если вы идете сюда: http://jsfiddle.net/RarFB/2/

Вы увидите работу, которую я проделал над этим до сих пор.У меня проблема в том, что знак > в верхней части каждого поля не обеспечивает плавную анимацию элементов <td> при нажатии.У меня установлена ​​<td><div class="enabled">ALL CONTENT IN BOX</div></td>, но я надеюсь, что здесь что-нибудь получится.По сути, мне нужно, чтобы все элементы были правильно выровнены, как это происходит при добавлении нового colspan.Кстати, я еще не написал код для сокращения colspan.Просто пытаюсь обернуть голову вокруг анимации кольспана.

Любая помощь по этому вопросу будет принята с благодарностью, потому что анимация окна, когда вы нажимаете на стрелку >, даже не близка к гладкой, и удивляето том, как я могу сделать так, чтобы это было красиво и плавно.

Спасибо и извините за весь дополнительный код в CSS, но мне потребуется несколько часов, чтобы пройти через все это и выяснить соответствующие правила для этого примерав одиночку, потому что это только часть гораздо большего программного обеспечения.

1 Ответ

2 голосов
/ 27 января 2012

Я думаю, это то, что вы хотите: http://jsfiddle.net/brianpeiris/RarFB/3/

Вы устанавливали атрибут "width" для своих ячеек, который на самом деле не имеет смысла, поскольку ширина ячеек уже определяетсякомбинация таблицы с и colspan.

Я также немного упростил ваш jQuery - вам не нужно делать отдельную операцию над «каждым» элементом в наборе jQuery, просто выполните операцию надСам набор и JQuery позаботятся обо всем остальном.

...