Javascript 特定条件的代码?
原始问题Javascript 特定条件的代码?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,原始问题 如果(“这些可拖放设备中没有拖放设备”),是否有写入条件的方法?我知道也许用jQuery是可能的;我猜它可能看起来像这样: if($('.dropable').something($('.dragable'));) 但我真的不知道该用什么代码。jQuery库中是否存在现有方法,或者是否需要创建一个新函数来手动检查是否删除了任何DragTables 编辑 为这样一个简短的问题道歉;我只是需要一些快速编码知识,因为我需要快速完成项目,所以我发布了一个问题,可以很快回答 这个问题已经得到了
如果(“这些可拖放设备中没有拖放设备”),是否有写入条件的方法?我知道也许用jQuery是可能的;我猜它可能看起来像这样:
if($('.dropable').something($('.dragable'));)
但我真的不知道该用什么代码。jQuery库中是否存在现有方法,或者是否需要创建一个新函数来手动检查是否删除了任何DragTables
编辑
为这样一个简短的问题道歉;我只是需要一些快速编码知识,因为我需要快速完成项目,所以我发布了一个问题,可以很快回答 这个问题已经得到了回答,但由于它只是因为“不清楚”而被搁置,我决定添加一些项目细节,看看其他人是否对目前如何处理可拖放设备有任何其他建议
项目规范
我试图让我的下拉列表显示“错误”的反馈
.css('border','1px solid red')
时,用户按下submit
按钮而不在其中放置任何拖拽。默认情况下,我将信息存储在一个变量checkError='false'
中,因此如果没有将任何拖拽项放入错误的可拖放项中,checkError
将设置为'false'
,并返回“正确”反馈
但问题是,每次用户按下submit按钮而不删除任何拖拽内容时,拖拽内容总是会显示“CORRECT”.css('border','1px solid lime')
的反馈,因为如果没有删除拖拽内容,就不会有代码更改checkError
的值
解决方案我创建了一个在单击submit按钮时运行的代码块:
if (!$('.checkBox').hasClass('dropped')) {
checkwrong1 = "true";
checkwrong2 = "true";
checkwrong3 = "true";
checkwrong4 = "true";
checkwrong5 = "true";
}
.checkBox
是我所有下拉列表的通用类,我设置了代码$('.checkBox').addClass('droped')
在每个可拖放的drop:
事件上运行
这是代码块的一个片段,每当将可拖放文件放入可拖放文件时,都会运行该代码块
#dropAreaCheck1
是可拖放的唯一ID,#cMark1、#cMark2等
是拖动表的唯一ID
$( "#dropAreaCheck1" ).droppable({
activeClass: "ui-state-hover",
hoverClass: "ui-state-active",
cursor: "arrow",
drop: function( event, ui) {
console.log(ui.draggable.attr('id')) ;
checkwrong1="true";
checkanswers ++;
if (checkanswers == 3) { $('.checkBox').droppable({ disabled: true }); };
$('.checkBox').addClass('dropped');
$('#dropAreaCheck1').droppable( 'disable' );
if(ui.draggable.attr('id') == "cMark1"){ $( "#cMark1" ).draggable({ disabled: true }); }
if(ui.draggable.attr('id') == "cMark2"){ $( "#cMark2" ).draggable({ disabled: true }); }
if(ui.draggable.attr('id') == "cMark3"){ $( "#cMark3" ).draggable({ disabled: true }); }
if(ui.draggable.attr('id') == "cMark4"){ $( "#cMark4" ).draggable({ disabled: true }); }
if(ui.draggable.attr('id') == "cMark5"){ $( "#cMark5" ).draggable({ disabled: true }); }
if(ui.draggable.attr('id') == "cMark6"){ $( "#cMark6" ).draggable({ disabled: true }); }
if(ui.draggable.attr('id') == "cMark7"){ $( "#cMark7" ).draggable({ disabled: true }); }
if(ui.draggable.attr('id') == "cMark8"){ $( "#cMark8" ).draggable({ disabled: true }); }
$( ".drag" ).css( 'cursor', 'default' );
$( ".draggable" ).draggable({ disabled: false });
$( "#dropAreaCheck1" ).append(ui.draggable.css('position','static'))
$( ".drag" ).append(ui.draggable.css('margin','5px 0'))
$(this).droppable( 'disable' );
}
});
当你放下一些东西时,你会执行一些代码。使用此代码及其结果状态来确定是否已删除某些内容 例如,从
开始,然后在drop上执行$('.droppable').removeClass('undropped')
。然后您可以通过$('.droppable.undropped')
选择“原始”的
或者,如果代码将某个内容放入可下拉列表中,则可以选择其内容(或不包含内容)
如果我不知道您是如何准确地处理投递时的可投递设备的,我无法回答比这更具体的问题。事实上,先生,谢谢您,这些信息对我帮助很大;如果你想知道我在做什么,我只是检查一下用户是否在下拉列表中添加了任何内容,这样我就可以将变量
错误
更改为正确
,这样链接到该变量的所有内容都用红色边框标记。