Masalah offset Seret dan Jatuhkan Jquery + Css

PEMBARUAN: Saya telah memperbarui jsfiddle agar lebih jelas. Untuk memperjelas masalah ini. Ketika ubin diseret dari baris bawah dan dijatuhkan di baris atas, hal ini menyebabkan div yang dapat dijatuhkan diimbangi turun dari div lainnya. Ketika ketiga div terisi, mereka sekali lagi sejajar. Apa yang menyebabkan div diimbangi ketika hanya satu atau dua div yang terisi?

Saya sedang belajar drag and drop jquery sekarang.

Masalahnya adalah ketika saya masuk ke div saya, itu membuat offset di droppable divs.

Anda dapat melihat masalahnya di jsfiddle yang saya buat, tautan di bawah. Saya seorang pemula di jquery dan drag and drop jadi harap diingat jika kode saya dibantai.

jsfiddle


drag-and-drop jquery css jquery-ui-draggable
person Brent    schedule 27.03.2018    source sumber
comment
Tolong jelaskan tentang masalah Anda dengan jelas. Anda memiliki dua $( ".trash" ).droppable and $( ".GridDiv" ).droppable dan saya tidak dapat melihat masalah Anda.   -  person Ali Soltani    schedule 28.03.2018
comment
Terima kasih telah melihat postingan dan jsfiddle. Saya telah membersihkan jsfiddle dan menambahkan pembaruan untuk memperjelas pertanyaan/masalah.   -  person Brent    schedule 29.03.2018

Jawaban (1)


arrow_upward
1
arrow_downward

Anda dapat memperbaikinya seperti di bawah ini:

.componentHolder {
  width: 100px;
  height: 120px;
  border: 1px solid black;
  padding: 0px;
  margin: 0px;
  float: left; // I used float instead of inline-block
}

Demo Online (jsFiddle)

person Ali Soltani    schedule 29.03.2018
comment
Terima kasih banyak! Itulah yang dibutuhkan. - person Brent; 29.03.2018
comment
@Brent Sama-sama. Harap pilih jawaban saya untuk mengetahui orang lain bahwa ini membantu Anda karena beberapa orang hanya melihat jawaban yang dipilih. - person Ali Soltani; 29.03.2018