Rất tiếc, phương pháp này không hoàn thiện. Việc sử dụng jquery có thể sắp xếp với bố cục lưới các mục có kích thước khác nhau sẽ dẫn đến hành vi này. Lý do là trong html và css, bạn đang tạo một danh sách các mục được thả nổi bên trái, mà khi được phép bọc trong một thùng chứa có chiều rộng cố định, sẽ để lại các khoảng trống hiệu quả không sử dụng được.
Thực tế là chiều rộng vùng chứa của bạn được cố định và các ô của bạn có kích thước cố định có nghĩa là sẽ dễ dàng thử một cách khác để định vị chúng. Hãy thử sử dụng định vị tuyệt đối bằng cách sử dụng chỉ css và html để có được tất cả các khoảng trống được điền chính xác như ban đầu bạn muốn, sau đó thử nghiệm với javascript để di chuyển các hộp xung quanh. Tuy nhiên, tôi nghi ngờ rằng thư viện jQuery 'có thể sắp xếp' sẽ hoạt động khi sử dụng định vị tuyệt đối (tôi phải thừa nhận là tôi chưa bao giờ sử dụng nó) Với định vị tuyệt đối, có khả năng là nhận được các mục để 'di chuyển ra khỏi con đường' khi bạn kéo thứ gì đó qua chúng thì sẽ có vấn đề. Bạn có thể cần phải xác định trên tập hợp các div ẩn hoạt động như 'lưới' của bạn - hoặc những nơi bạn có thể thả nội dung và một tập hợp div khác chứa nội dung hiển thị mà bạn muốn di chuyển. JQuery có thể kéo và thả được sẽ giúp ích, nhưng bạn sẽ cần phải viết mã nhiều hơn để đảm bảo các mục bạn di chuyển 'snap' vào vị trí, di chuyển người khác ra khỏi đường khi bạn thả chúng.
Điều này có vẻ liên quan https://stackoverflow.com/questions/2133677/jquery-sortable-divs-replicate-bbc-home-page có thể bạn có thể kiểm tra mã nguồn của trang chủ BBC. http://bbc.co.uk
Nguồn
2011-04-12 09:23:35
Cảm ơn Greg, chiều rộng cột cố định không phải là một lựa chọn cho khách hàng của tôi. Tôi đã xem xét các giải pháp của BBC trước đây, không may là có vẻ như BBC đã gỡ bỏ tính năng drag'n'drop dựa trên cột của nó? – anderssonola
Giải pháp trên Citifirst, đường nối hoạt động giống như @ Gregg-Woods gợi ý ... [se.citifirst.com] (https://se.citifirst.com/SV/Showpage.aspx) – anderssonola