Javascript 仅在特定的accept上运行,jQuery ui可拖放
目前,可放下的d1o1接受所有的可拖动部件,因为我希望它们在放下时保持在原位。但是,我只希望在s102被丢弃时运行“结束”和“结束”功能。如何能够接受所有可拖动设备,但仅在某个拖动设备被放下时才运行?当可拖动设备被移到可放下设备上时,您可以检查其是否符合“运行”功能,如下所示:Javascript 仅在特定的accept上运行,jQuery ui可拖放,javascript,jquery,jquery-ui,jquery-ui-draggable,jquery-ui-droppable,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,Jquery Ui Droppable,目前,可放下的d1o1接受所有的可拖动部件,因为我希望它们在放下时保持在原位。但是,我只希望在s102被丢弃时运行“结束”和“结束”功能。如何能够接受所有可拖动设备,但仅在某个拖动设备被放下时才运行?当可拖动设备被移到可放下设备上时,您可以检查其是否符合“运行”功能,如下所示: $(function() { $( "#d1o1" ).droppable({ accept: "#s1o2, #s1o1, #s1o3, #s1o4, #s1o5, #s1o6",
$(function() {
$( "#d1o1" ).droppable({
accept: "#s1o2, #s1o1, #s1o3, #s1o4, #s1o5, #s1o6",
over: function (){
$( "#d1o1" ).droppable( "option", "d1o1Check", "1" );
},
out: function () {
$( "#d1o1" ).droppable( "option", "d1o1Check", "0" );
},
})
});
这里有工作
$(function() {
$( "#d101" ).droppable({
accept: "#s102, #s101, #s103, #s104, #s105, #s106",
over: function (event, ui){ // Don't forget to add these parameters for the function
if($(ui.helper).is('#s102')) // <-- Add this line
$( "#d101" ).droppable( "option", "d1o1Check", "1" );
},
out: function (event, ui) { // Don't forget to add these parameters for the function
if($(ui.helper).is('#s102')) // <-- Add this line
$( "#d101" ).droppable( "option", "d1o1Check", "0" );
},
});
$('.drag').draggable();
});