Question

我有一个名为add to profile的按钮，我需要知道的是如何在最后一个jQuery div之后将其设置为最后一个。

与问题1相似，然后是问题2，问题2，问题3，问题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>

Answer 1

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

而且我真的不喜欢你编码:)你每次添加新div都需要更改代码。我会做那样的事情： - 每个div都有课堂问题 - 每个div的START可见性属性都将在html中定义（除了第一个div之外，每个div都有类似于visibility：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>

如何使单个按钮仅出现在1个jquery函数上

1 个答案: