0

フォーム内の入力+ラベルを1つずつ表示する方法に関する私の例を誰かが手伝ってくれますか?

いくつ<form>かの入力とラベルがあり、それらを 1 つずつ表示したいと考えています。そこで ENTER キーを押すと、ラベル #1 と入力 #1 が消え、2 番目のラベル + 入力が表示されます。

私のスクリプト + css と jss は jsfiddle http://jsfiddle.net/zApq4/にあります

私のjsは：

 $(document).ready(function() {

        // First Show the First Element & Focus it
        $("form.fieldContainer:first-child").fadeIn(500).focus();

        // Setup a transition handler:
        $("form.fieldContainer").keyup(function(ev) {

            if $('#nextButton').click(show_next);
            {
                ev.preventDefault();
                ev.stopPropagation();

                var _next = $(this).parents('form.fieldContainer').next('form.fieldContainer');
                _next.fadeIn(500);
                _next.find("input").focus();
            }

        });

    });

私は自分のjsで何か間違ったことをしていると思いますが、何がわかりません。みんなありがとう

4

1 に答える 1

-1

以下を試してください（それはあなたが望むものです）：

var $containers = $(".fieldContainer");

    // First Show the First Element & Focus it
    $containers.eq(0).fadeIn(500).find("input").focus();

    // Setup a transition handler:
    $containers.find("input").keyup(function(ev) {
        ev.preventDefault();
        ev.stopPropagation();

        if($(this).val() == ""){
            return;   
        }
        //if enter is pressed
        if(ev.which == 13){                  
            var _next =  $(this).parents().next();
            _next.fadeIn(500);
            _next.find("input").focus();        
        }
    });

ここで働くフィドル：http://jsfiddle.net/zApq4/3/

または、

ここで働くフィドル：http://jsfiddle.net/zApq4/4/

役立つことを願っています。

于 2013-08-18T14:59:32.130 に答える