Question

我使用 jquery 创建了下一页和上一页的功能。我想要做的是在 page = 1 时隐藏上一个按钮。我还没试过创建一个if / else函数但是没有用。我希望你能帮助我，谢谢你的时间。

以下是我当前的 jquery 代码：

$('document').ready(function () {
    var $wrap = $('#wrap'),
        page = 1;
    $('#next').on('click', function () {
        getPage(++page);
    });
    $('#prev').on('click', function () {
        getPage(--page);
    });
    var getPage = function (page) {
        $wrap.load('site/proxy.php?page=' +     page + ' #postsArea');
    };
    getPage(page);
});

以下是我的 HTML 代码：

<body>
    <div id="wrap" style="overflow-y: scroll; height:800px; width:480px;"></div>
    <button type="button" id="next">Next</button>
    <button type="button" id="prev">Previous</button>
</body>

以下是我严重创建的 jquery 代码：

if ((page)= 1) {
    $('input[id=prev]')
        .click(

    function () {
        $(this).hide();
    });
} else {
    $('input[id=prev]')
        .click(

    function () {
        $(this).show();
    });
}

以下是 jquery 代码：

$('document').ready(function () {
    var $wrap = $('#wrap'),
        page = 1;

    $('#next').on('click', function () {
        getPage(++page);
    });
    $('#prev').on('click', function () {
        getPage(--page);
    });
    var getPage = function (page) {
        $wrap.load('site/proxy.php?page=' +     page + ' #postsArea');
        if (page == 1) {
            $("#prev").hide();

        } else {
            $('#prev').show();
        }

    };
    getPage(page);

});

Answer 1

if ((page)= 1)无疑是错误的。也许你的意思是if (page == 1)。

=执行作业
==执行（宽松）平等检查

Answer 2

制作单击处理程序并在其中使用页面类型条件。

$('input[id=prev]')
        .click(

    function () {
    if (page == 1) {
        $(this).hide();
        }
    else {
        $(this).show();
    }
});

Answer 3

那么，为什么不呢：

var getPage = function (page) {
        $wrap.load('site/proxy.php?page=' +     page + ' #postsArea');
        $('#prev').toggle(page !== 1);
    };

您可以在load()完整回调中设置代码，但我在这里看不出任何理由。

Answer 4

好。正如你要求在页面== 1时隐藏它，你可以简单地把它放在`#prev'的点击事件中

 $('#prev').on('click', function () {
     if(--page <= 1 ) $(this).hide() 
     getPage(page);
 });

Answer 5

试试这个js：

DEMO：http://jsfiddle.net/c5bA4/7/

        $('document').ready(function () {
            var $wrap = $('#wrap'),
                page = 1;

            $('#next').on('click', function () {
                getPage(++page);
            });
            $('#prev').on('click', function () {
                getPage(--page);
            });
            var getPage = function (page) {
                $wrap.load('site/proxy.php?page=' +     page + ' #postsArea');
                if (page == 1) {
                    $("#prev").hide();

                } else {
                    $('#prev').show();
                }

            };
            getPage(page);

        });

jquery：当page = 1时隐藏按钮

5 个答案: