2011-12-13 24 views
6

Tôi đang sử dụng jQuery sortable() trên bàn với border-collapse: collapse. Có điều gì đó lạ xảy ra với khoảng cách giữa các hàng trong Chrome và Safari. Có vẻ như ok trong IE, FF, & Opera.jquery sortable border border chrome safari

Dưới đây là một ví dụ: http://jsfiddle.net/benstenson/LMqNH/

  1. border-collapse: separate là một lựa chọn.

  2. Gọi $('table').hide.show(0) trên sự kiện dừng có thể sắp xếp() là một tùy chọn khác.

Bất kỳ ai biết vấn đề là gì?

Đây là ảnh chụp màn hình sau khi di chuyển các hàng xung quanh.

enter image description here

+0

không thấy bất cứ điều gì rõ ràng là sai khi tôi xem jsfiddle (Chromium 13 trên Debian) - bạn có thể cung cấp thêm thông tin không? – simon

+0

@simon Tôi nghĩ rằng vấn đề xảy ra khi bạn sắp xếp lại một trong các hàng bên trong (như 2 hoặc 3) - nó tăng gấp đôi kích thước của đường viền giữa một hoặc nhiều hàng. Cuối cùng nó thậm chí còn tạo ra khoảng trắng giữa các hàng. – Benjamin

+0

@Benjamin Tôi có thể xác nhận sự cố của bạn nhưng không thấy bất kỳ giải pháp nào hoạt động. có vẻ liên quan đến điều này, nhưng giải pháp của họ không hoạt động: http://forum.jquery.com/topic/sortable-problem-on-chrome-browser. Chỉ có điều tôi đã tìm thấy rằng các công trình được loại bỏ hoàn toàn biên giới td! không lý tưởng rõ ràng ... – mutex

Trả lời

2

Tôi đã làm việc này một lúc. Gần nhất tôi đã có thể đạt được là:

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

tôi đã thay đổi một chút CSS để đặt biên giới trên một cái gì đó khác nhau và có vẻ khá gần nếu không muốn nói chính xác những gì bạn muốn.

Hy vọng điều đó sẽ hữu ích.

+0

Thật thú vị khi bạn làm việc đó! Tôi nghĩ rằng tôi sẽ ở quá nhiều nơi để thay đổi html dưới dạng bản sửa lỗi. Tôi chắc chắn nó sẽ hữu ích cho một ai đó mặc dù. Đối với tôi, nó không đủ khẩn cấp để gây rối với nó. Tôi muốn hiểu những gì thực sự gây ra vấn đề hoặc nhìn thấy nó cố định hoặc trong tương lai jQuery hoặc Chrome. Cảm ơn! – Benjamin

Các vấn đề liên quan