Jquery 填写所有可拖放div后启用提交按钮
我正在用jquery做一个测验。下面是屏幕快照 这个测验是拖放式的测验。所有的工作都完成了,并且取得了成功。现在我有一个关于启用提交按钮的问题 要求是Jquery 填写所有可拖放div后启用提交按钮,jquery,html,Jquery,Html,我正在用jquery做一个测验。下面是屏幕快照 这个测验是拖放式的测验。所有的工作都完成了,并且取得了成功。现在我有一个关于启用提交按钮的问题 要求是 页面加载完成时,必须禁用按钮 选项应可拖动,并可在空白处拖放-完成 还有什么没有做? 在之后,应启用两个项目在空白处拖动按钮 请参阅我的jquery。告诉我哪里出了错 jQuery(document).ready(function () { jQuery('.selected_answer1' && '.
jQuery(document).ready(function () {
jQuery('.selected_answer1' && '.selected_answer2').on('drop change', function (event, ui){
alert('dropped');
if (jQuery(this).drop()) {
jQuery('.fillinblank_button').prop('disabled', false);
alert('dropped')
}
else {
jQuery('.fillinblank_button').prop('disabled', true);
}
});
});
关于类名-
.所选答案1-第一个空格
.所选答案2-第二个空格
.fillinblank_按钮-提交按钮
jsiddle链接-
PS-我想用jquery而不是js来实现这一点
谢谢。我已经在
drop:function(event,ui){}
jQuery(文档).ready(函数(){
//此代码用于设置项目的订单属性
var numberOfItems=jQuery(“#options”).find(“.drag text”).length;
each(jQuery(“#选项”).find(“.drag text”)、函数(索引、项){
jQuery(item).attr(“订单”,索引);
var removeboton=jQuery(“”);
removeBotton。单击(函数(){
addToOlderPlace(jQuery(this.parent());
});
jQuery(item).append(removeboton);
});
jQuery('.selected\u answer1、.selected\u answer2')。可拖放({
接受:“.拖动文本”,
drop:函数(事件、用户界面){
//jQuery(“.fillinblank_按钮”).attr(“禁用”,false);
//检查是否存在其他选项
if(jQuery(this).find(“.drag text”).length>0)
addToOlderPlace(jQuery(this.find)(“.drag text”);
jQuery(ui.draggable).find(“i”).attr(“style”,“style”);
jQuery(this.append)(jQuery(ui.draggable));
if(jQuery('.selected\u answer1').html().length>0&&jQuery('.selected\u answer2').html().length>0){
jQuery('.fillinblank_按钮').prop('disabled',false);
}
否则{
jQuery('.fillinblank_按钮').prop('disabled',true);
}
}
});
jQuery(“.drag text”).draggable({
助手:“克隆”,
回复:“无效”
});
//此功能用于查找项目的旧位置
函数addToOlderPlace(jQueryitem){
var indexItem=jQueryitem.attr(“订单”);
var itemList=jQuery(“#options”).find(“.drag text”);
jQueryitem.find(“i”).hide();
如果(indexItem==“0”)
jQuery(“选项”).prepend(jQueryitem);
else if(Number(indexItem)==(Number(numberOfItems)-1))
jQuery(“#选项”).append(jQueryitem);
其他的
jQuery(itemList[indexItem-1]),在(jQueryitem)之后;
}
})
jQuery(文档).ready(函数(){
jQuery('.fillinblank_按钮')。单击(函数(){
if(jQuery('.selected_answer1').find('#ca one')){
jQuery('.selected_answer1#ca one').css({'color':'#0d9f3e'});
jQuery('.selected_answer2#ca two').css({'color':'#0d9f3e'});
jQuery('.answer_section').slideDown();
jQuery(“.drag text”).draggable({disabled:true});
jQuery('.selected_answer1、.selected_answer2').find('i').hide();
jQuery('span.selected_answer1').css({'color':'f73c55'});
jQuery('span.selected_answer2').css({'color':'f73c55'});
//警报(“右选”);
}
});
});
/*
jQuery(文档).ready(函数(){
jQuery('.fillinblank_按钮').prop('disabled',true);
jQuery('.selected\u answer1,.selected\u answer2')。在('drop',函数()上{
if(jQuery(this.val()!=“”){
警报('已删除')
jQuery('.fillinblank_按钮').prop('disabled',false);
}
});
});
*/
jQuery(文档).ready(函数(){
jQuery('.selected_answer1'&&'.selected_answer2')。在('drop change',函数(事件,ui){
});
});代码>
/*====活动======*/
.aat_common.activity_main{宽度:100%;显示:内联块;填充:25px;方框阴影:0px 0px 21px-5px rgba(0,0,0,0.57);边框半径:7px;边框底部:9px实心35; 2a9af3;}
.aat_common.activity_main.activity_标题{宽度:100%;显示:内联块;背景色:#f3f4f6;填充:22px 20px;页边距底部:30px;}
.aat_common.activity_main.activity_标题h2{左侧填充:20px;字体大小:14px;文本转换:大写;位置:相对;字体系列:“开放式Sans”,无衬线;字体重量:600;颜色:#3b3a3c;页边距顶部:0;}
.aat_common.activity_main.activity_标题h2:在{位置:绝对;顶部:18%;左侧:0;内容:;宽度:10px;高度:10px;背景色:#67cb50;边框半径:50%;}
.aat_common.activity_main.activity_标题p{字体大小:16px;颜色:#a3a3a3;位置:相对;左侧填充:28px;页边距底部:0px;}
.aat_common.activity_main.activity_标题p:before{position:absolute;top:0;left:0;content:url('../../../../content/lessons/72/images/tip arrow.png');}
.aat_common.activity_main.activity_选择{宽度:100%;显示:内联块;}
.aat_common.activity_main.activity_选择p{font-weight:bold;color:#252327;}
.aat_common.activity_main.activity_select.answer_select{width:100%;padding:0px 25px;}
.aat_common.activity_main.activity_select.tf_answer{填充:0px 25px 0px 0px!重要;}
.aat_common.activity_main.activity_select.answer_select标签{font size:16px;font-family:'Open Sans',Sans serif;font-weight:600;margin-bottom:12px;}
.aat_common.activity_main.activity_select.tf_答案标签{margin bottom:5px!important;}
.containerr{显示:内联块;位置:相对;左填充:35px;页边距底部:12px;光标:指针;字体大小:22px;-webkit用户选择:无;-moz用户选择:无;-ms用户选择:无;用户选择:无;}
.containerr输入{位置:绝对;不透明度:0;光标:指针;}
.checkmark1、.true-false 1{位置:绝对;顶部:2