0

私はプロファイルに追加というボタンを持っています。私が知る必要があるのは、最後の次の後の最後のjQuery divでのみそれを作成する方法だけです。

質問 1 のように、次に、質問 2 に戻って次へ、質問 3 に戻って、ボタンを追加します。ですから、ここですぐに私を助けていただければ、本当に感謝しています。

これが私のコードです：

<script>
$(document).ready(function () {
var oldOption;
var counter = 1;
var maxThings = 4;
var minThings = 1;
$("#2").hide();
$("#3").hide();
$("#4").hide();
$('#back').hide();

$("#forward").click(function () {
    $("#1").hide();
    $("#2").hide();
    $("#3").hide();
    $("#4").hide();
    if (!(counter >= maxThings)) {
        counter++;
    }
    $("#" + counter).show();
    $('#back').show();
    if (counter === maxThings) {
        $('#forward').hide();
    }
});

$("#back").click(function () {
    $("#1").hide();
    $("#2").hide();
    $("#3").hide();
    $("#4").hide();
    if (!(counter <= 1)) {
        counter--;
    }

    $("#" + counter).show();
    $('#forward').show();
    if (counter === minThings) {
        $('#back').hide();
    }

});
});
</script>
4

1 に答える 1

1 
...
    if (counter === maxThings) {
        $('#forward').hide();
        $("#AddToProfile").show();
    } else {
        $("#AddToProfile").hide();
    }
...

そして、私はあなたのコーディングが本当に好きではありません:) 新しいdivを追加するたびにコードを変更する必要があります。私はそのようなことをします: - すべての div にはクラスの質問があります - すべての div の START 可視性属性は html で定義されます (最初を除くすべての div には、可視性:hidden のようなスタイルがあります)

<script>
$(document).ready(function () {
var oldOption;
var counter = 1;
var maxThings = 4;
var minThings = 1;
$('#back').hide();

$("#forward").click(function () {
$("div.question").hide();

    if (!(counter >= maxThings)) {
        counter++;
    }
    $("#" + counter).show();
    $('#back').show();
    if (counter === maxThings) {
        $('#forward').hide();
    }
});

$("#back").click(function () {
    $("div.question").hide();
    if (!(counter <= 1)) {
        counter--;
    }

    $("#" + counter).show();
    $('#forward').show();
    if (counter === minThings) {
        $('#back').hide();
    }

});
});
</script>
于 2013-04-01T14:36:34.690 に答える