Jquery 填写所有可拖放div后启用提交按钮

Jquery 填写所有可拖放div后启用提交按钮,jquery,html,Jquery,Html,我正在用jquery做一个测验。下面是屏幕快照 这个测验是拖放式的测验。所有的工作都完成了,并且取得了成功。现在我有一个关于启用提交按钮的问题 要求是 页面加载完成时,必须禁用按钮 选项应可拖动,并可在空白处拖放-完成 还有什么没有做? 在之后,应启用两个项目在空白处拖动按钮 请参阅我的jquery。告诉我哪里出了错 jQuery(document).ready(function () { jQuery('.selected_answer1' && '.

我正在用jquery做一个测验。下面是屏幕快照

这个测验是拖放式的测验。所有的工作都完成了,并且取得了成功。现在我有一个关于启用提交按钮的问题

要求是

  • 页面加载完成时,必须禁用按钮
  • 选项应可拖动,并可在空白处拖放-完成
  • 还有什么没有做?

    之后,应启用两个项目在空白处拖动按钮

    请参阅我的jquery。告诉我哪里出了错

        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