自动切换下一题

题记:依然是量表系统工程,答题的过程中除了点击下一题来进入下一题外,还可以在选完选项后自动跳入下一题。代码如下:

     //自动切换下一题
    function nextAjax(){
        var num = $(".question_number").text();
        //alert(num);
        //return;
        var formid = $(".question_form").attr("nameid");
        var hidPatientid = $('.hidPatientid').text();
        //return;
        var tag = false;
        var optionVal;
        optionVal = $("input[name='option']:checked").attr('value');
        $.ajax({
                url:"/formpreview/getNext",
                type:"POST",
                dataType:"json",
                data:{
                    "DATA": {"FORMID":formid,"NUM":num,"optionVal":optionVal,"hidPatientid":hidPatientid}
                },
                success: function(data){
                    if(data.flag){

                        $(".question_number").text(data.num+".");
                        $("#question_content").text(data.data.question);
                        $("#li_optiona").empty();
                        $("#li_optiona").append('<input name="option" id="optionA" type="radio" value="1"><label for="optionA">  A. <span id="span_optiona"></span></label>');
                        $("#span_optiona").text(data.data.optionA);
                        $("#li_optionb").empty();
                        $("#li_optionb").append('<input name="option" id="optionB" type="radio" value="2"><label for="optionB">  B. <span id="span_optionb"></span></label>');
                        $("#span_optionb").text(data.data.optionB);
                        $("#li_optionc").empty();
                        if(data.data.optionC != ""){
                            $("#li_optionc").append('<input name="option" id="optionC" type="radio" value="3"><label for="optionC">  C. <span id="span_optionc"></span></label>');
                            $("#span_optionc").text(data.data.optionC);
                        }
                        $("#li_optiond").empty();
                        if(data.data.optionD != ""){
                            $("#li_optiond").append('<input name="option" id="optionD" type="radio" value="4"><label for="optionD">  D. <span id="span_optiond"></span></label>');
                            $("#span_optiond").text(data.data.optionD);
                        }
                        $("#li_optione").empty();
                        if(data.data.optionE != ""){
                            $("#li_optione").append('<input name="option" id="optionE" type="radio" value="5"><label for="optionE">  E. <span id="span_optione"></span></label>');
                            $("#span_optione").text(data.data.optionE);
                        }
                        $("#li_optionf").empty();
                        if(data.data.optionF != ""){
                            $("#li_optionf").append('<input name="option" id="optionF" type="radio" value="6"><label for="optionF">  F. <span id="span_optionf"></span></label>');
                            $("#span_optionf").text(data.data.optionF);
                        }
                        $("#li_optiong").empty();
                        if(data.data.optionG != ""){
                            $("#li_optiong").append('<input name="option" id="optionG" type="radio" value="7"><label for="optionG">  G. <span id="span_optiong"></span></label>');
                            $("#span_optiong").text(data.data.optionE);
                        }
                        $('input[value='+data.data.answers+']').attr("checked",true);

                        $('audio').attr('src','../../public/audio/'+data.data.formid+data.num+'.mp3');


                    }
                    else{
                        $('.main_cover,.finish').css("display","block");
                        // if(value=='true'){
                            $('audio').attr('src','../../public/audio/end.mp3');
                        // }
                        $('.finish_cont .next').click(function(){
                            window.close();
                        });
                        tag = true;
                        $.ajax({
                            url:"/formpreview/end",
                            type:"POST",
                            dataType:"json",
                            data:{
                                "DATA": {"TAG":tag,"FORMID":formid,"hidPatientid":hidPatientid}
                            },
                            success: function(data){

                            }
                        });
                    }
                }
              });
    }

    var option = $("input[name='option']");
    option.live('change',function(){
        setTimeout(nextAjax,250);
    });

这里着重说一下live绑定事件,项目开始时以为给option绑定change事件就会给每个option绑定change事件,事实当然不是,只执行一次,如果需要多次执行,就得使用事件委托。

与bind()不同的是,live()一次只能绑定一个事件。
这个方法跟传统的bind很像,区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说,如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时,对于这个新增加的li,其click事件依然可用。而无需重新给这种新增加的元素绑定事件。

### 回答1: 这个功能可以通过编写小程序的代码实现。具体来说,可以在小程序中设置一个题目列表,每个题目包含题目内容、选项和正确答案等信息。当用户选择一个选项后,可以通过代码判断用户选择的答案是否正确,并自动切换到下一题。可以使用小程序框架提供的组件和API来实现这个功能。 ### 回答2: 微信小程序答题是目前非常流行的一种娱乐方式,在小程序中,玩家可以通过选择答案的方式来完成一个有趣的知识测试,并在测试结束后查看自己的得分情况。此类小程序在玩法上与之前的APP或网页版答题游戏相似,但是却更加便捷,无需下载和注册。 针对微信小程序答题中选择答案后自动切换一题的机制,其实是一种非常普遍的设计方式。在设计小程序的建造过程中,开发者可以设置一个调用的事件或函数,当玩家选择答案之后,该事件或函数会被触发,从而实现自动切换至下一题的效果。具体实现方法可以有多种方式,比较通用的是将所有问题的数据源存储在一个数组中,然后利用JavaScript编写函数实现题目的遍历和展示,当玩家选择答案时,程序自动将索引号加1,并切换至下一题目。 除此之外,微信小程序答题还常常会加入一些扩展玩法,如计时、排行榜等,增强玩家参与度和趣味性。这些扩展性的开发,需要在小程序开发中加入额外的模块或配置,从而实现各种功能。此外,在微信小程序答题应用的设计中,还要注意UI界面简洁流畅、答案选项设计合理等方面,以提高用户体验。 总之,在微信小程序答题的设计中,自动切换一题是必不可少的一个关键点,这也是小程序玩家喜爱在微信小程序上玩答题游戏的原因之一。同时也期望开发者在答题小程序中加入更多有趣扩展玩法,从而为用户带来更为完整的答题体验。 ### 回答3: 微信小程序答题游戏是一种互动性强的社交娱乐活动,相比传统的答题方式,微信小程序答题游戏更加便捷、互动性更强。在微信小程序答题游戏中,选择答案后系统会自动切换一题,对于参与者来说,无需手动翻页,操作方便快捷。 对于开发者来说,微信小程序答题游戏的开发难度不高,开发成本也比较低。开发者可以根据自己的理解和要求,设计出有趣的、创新的答题游戏。同时,其便捷的互动性,也可以吸引更多的用户涌入游戏中,进一步提升了社交化游戏的体验感。在游戏中,玩家可以利用答题游戏来补充自己的专业知识,并在和其他玩家的互动中提高自己的游戏技巧。 微信小程序答题游戏将互动性、社交化、便捷性等方面集于一身,不仅在营销推广方面有着广泛的使用,同时也可以作为企业在内部培训中使用,增强员工的知识水平和团队合作能力,实现企业的发展目标。总之,微信小程序答题游戏作为一种娱乐、教育、推广的有机结合,在不断的发展中,将更加贴近用户需求,成为移动互联网生态中景气的一道风景线。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值