1
나는 내 필요에 맞게 조정 한 JQuery 회전식 메뉴가 있습니다. 내 컨베이어에서 드롭 가능한 영역으로 목록 항목을 드래그해야합니다. 위대한 작품이지만, 나는 항목을 드롭하고 회전 목마를 회전하면, 떨어 뜨린 항목도 회전합니다.JQuery : 항목을 드래그 할 수없는 상태로 놓을 수 없음
JQuery는 'id'가 고유 할 것이라고 생각하므로 목록 항목에 클래스를 추가하려고 시도했습니다. 또한 나는이 삭제 된 항목을 드래그 그만되기를 희망
$('#carousel-ul li').draggable({disable: true});
를 추가 한 코드는 아직 확인을 실행하지만 삭제 된 항목은 여전히 회전 목마와 함께 슬라이드.
은 또한 사전에 아래에있는 내 코드는, 희망 누군가가 도움을 줄 수
$('#carousel-ul .image-item').draggable('option', 'cancel', '');
$('#carousel-ul .image-item').draggable(false);
감사
을 시도했다!$('#carousel-ul > .image-item').draggable();
$('#drop-target').droppable({
helper: clone,
hoverClass: 'drophover',
tolerance: 'fit',
accept: '#carousel-ul > .image-item',
drop: function(event, ui) {
var name = draggable.attr("id").val();
$('#carousel-ul > .image-item').appendTo(this);
$('#carousel-ul .image-item').draggable('option', 'cancel', '');
$.post("Javacript_Controller.php", { name: name},function(data){
$('#drop-content').html(data);
});
}
});
HTML
<div id='carousel-inner'>
<ul id='carousel-ul'>
<?php if(isset($_POST['option'])){
foreach($imageResult as $value) {
$image_path = "./imagesdb/images/" .$_SESSION['user_id'];
$mainImage = $image_path . '/' . $value;
$thumbImage = $image_path . "t/" . $value;
echo '<li class="ui-corner-tr image-item"><div id="image-item"><img src="'.$thumbImage.'" id="'.$thumbImage.'"alt="wardrobe-item"/></div>';
}
}
?>
</ul>
<div id="drop-container">
<div id="drop-target">
</div>
<div id="drop-content">
</div>
</div>
</div>
감사를 사용하지 않으려면! – Alan