Tôi gặp sự cố lạ này khi các mục trong vùng chứa màu đen bên dưới bị kéo vào lưới ở trên. Tuy nhiên các mặt hàng có cái nhìn mờ đục/màu cam này. Cấu trúc của ô có một vật chứa và vật phẩm bên trong nó. Ô chứa có nền màu cam trên di chuột, nhưng nếu tôi di chuyển ô từ vùng chứa màu đen lên nhanh vào lưới, vì vậy hover không hiển thị nó hoạt động tốt.CSS không cập nhật chính xác sau khi kéo/thả jQuery nhưng không thực hiện trong Thanh tra
Bây giờ mục bên trong nó có một lớp được gọi là "show-game". Nếu tôi chuyển opacity về điều này từ 1 đến 0 và quay lại 1 trong Web Inspector, tôi có được giao diện mong muốn của A1 vs A4.
Có vấn đề gì với Trình duyệt Chrome của tôi không? Điều này không xảy ra trong IE. Có vẻ như phong cách không được làm mới.
<td class="item-container draggable-item-container clearfix ui-droppable">
<div data-tooltip="" class="item clearfix draggable-active draggable-item show-game ui-draggable tooltip-init" style="background-color: rgb(255, 55, 108);" data-bind="draggableCss: { disabled: $data.Disabled(), matchup: $data.Matchup, invalid: $data.Invalid, current: $data.Current }, draggableGameHandler : { disabled: !$data.Matchup, disabledDrop: $data.Disabled() }, delegatedClick: $root.members.eventSchedule.editGame.open.bind($data, true, ($data.Matchup && $data.Matchup.Type == '@((int)ScheduleType.Pool)'), $parent.Games)">
</div>
</td>
ko.bindingHandlers.draggableCss = {
update: function (element, valueAccessor) {
var values = valueAccessor();
$(element).toggleClass('ui-droppable-disabled', values.disabled);
$(element).toggleClass('hide-game', (!values.matchup || !values.matchup.Selected()));
$(element).toggleClass('show-game', (values.matchup && values.matchup.Selected()) ? true : false);
$(element).toggleClass('empty', !values.matchup);
$(element).toggleClass('expand', viewModel.showTeams());
if (values.editable) {
$(element).addClass('editable-game');
}
if (values.matchup) {
if (values.matchup.Selected()) {
$(element).removeClass('occupied', false);
}
if (values.invalid && values.invalid()) {
updateElementColors(element, values.matchup.Color, 'invalid');
}
else if (values.current && values.current()) {
updateElementColors(element, values.matchup.Color, 'current');
}
else {
updateElementColor(element, values.matchup.Color, false);
}
if (values.matchup.CrossGame)
$(element).addClass('cross-game');
} else if (values.invalid && values.invalid() && !values.disabled) {
updateElementColors(element, null, 'invalid');
} else {
$(element).removeClass('invalid').removeClass('current');
}
}
};
Sẽ rất hữu ích nếu bạn cho thấy jquery của bạn. – EternalHour
Vì vậy, khi bạn kiểm tra phần tử được hiển thị không chính xác trong thanh tra, các kiểu được tính toán được liệt kê có đúng, nhưng không khớp với những gì thực sự trên trang? – janfoeh
Chính xác, tôi chạm vào bất kỳ kiểu nào hoặc thậm chí di chuyển ô khác trong lưới nó tự động sửa lỗi. –