2011-12-13 2 views
6

Я использую jQuery sortable() на столе с border-collapse: collapse. Что-то странное происходит с интервалом между строками в Chrome и Safari. Кажется, в IE, FF, & Opera.jquery sortable border collapse chrome safari

Вот пример: http://jsfiddle.net/benstenson/LMqNH/

  1. border-collapse: separate является одним из вариантов.

  2. Вызов $('table').hide.show(0) в случае сортировки() stop является еще одним вариантом.

Кто-нибудь знает, в чем проблема?

Вот скриншот после перемещения рядов вокруг.

enter image description here

+0

не вижу ничего явно неправильного, когда я вижу, что jsfiddle (Chromium 13 на Debian) - можете ли вы дать больше информации? – simon

+0

@simon Я думаю, что проблема возникает, когда вы переупорядочиваете одну из внутренних строк (например, 2 или 3) - она ​​удваивает размер границы между одной или несколькими строками. В итоге он даже создает пробел между строками. – Benjamin

+0

@Benjamin Я могу подтвердить вашу проблему, но не вижу никаких решений, которые работают. похоже, связано с этим, но их решение не работает: http://forum.jquery.com/topic/sortable-problem-on-chrome-browser. Единственное, что я обнаружил, что работы полностью удаляет границу td! не идеальный явно ... – mutex

ответ

2

Я работал над этим некоторое время. Ближайший я смог достичь такой:

http://jsfiddle.net/rogerblanton/EtC2E/1/

Я изменил немного о CSS, чтобы положить границу на что-то другое, и это выглядит довольно близко, если не совсем то, что вы хотите.

Надеюсь, это поможет.

+0

это здорово, что у вас это работает! Я думаю, что у меня было бы слишком много мест, чтобы изменить html как исправление. Я уверен, что это будет полезно кому-то. Для меня это не достаточно срочно, чтобы возиться с ним. Я бы предпочел понять, что на самом деле вызывает проблему, или увидеть ее исправленной либо в будущем jQuery, либо в Chrome. Благодаря! – Benjamin

Смежные вопросы