当最后一个孩子出现时，我如何让点击功能停止工作

How to i get the click function to stop working when the last child is shown?

本文关键字：停止工作 功能 孩子 最后一个      更新时间：2023-09-26

这是html，页面nr有一个固定的宽度和溢出：隐藏：

<div class="pages-scroll">
    <div class="pages-rightarrow"></div>
    <div class="articles-pages">
       <div class="pages-nr">
            <a href="javascript:void(0)">1</a>                          
            <a href="javascript:void(0)">2</a>
            <a href="javascript:void(0)">3</a>
            <a href="javascript:void(0)">4</a>
            <a href="javascript:void(0)">5</a>
            <a href="javascript:void(0)">6</a>
            <a href="javascript:void(0)">7</a>
            <a href="javascript:void(0)">8</a>
       </div>
     </div> 
     <div class="pages-leftarrow"></div>
</div>

这是我到目前为止写的脚本，我不知道该问什么"如果"这样做，当我到达最后一个div或第一个div时，箭头将被隐藏。

$('.pages-leftarrow').click(function () {
    if ( $('.pages-nr a').hasClass('????') ) {
        $('.pages-rightarrow').hide();
    }
    else {
        $('.pages-nr').css({"margin-left": function(index, value) {
            return parseFloat(value) - 44}
        });
    }
});

这是jsFiddle：http://jsfiddle.net/Na3W7/4/这是启动时运行的代码的核心：

$('.pages-nr a:not(:first),.pages-leftarrow').hide();
$('.pages-rightarrow').click(function(e){
    e.preventDefault();
    var $nextPage = $('.pages-nr a:visible:first').hide().next().show();
    if($nextPage.is('.pages-nr a:last-child')){
        $(e.target).hide();
    }
    if($('.pages-nr a:first').is(':visible')) {
        $('.pages-leftarrow').hide();
    }
    else {
        $('.pages-leftarrow').show();
    }
});
$('.pages-leftarrow').click(function(e){
    e.preventDefault();
    var $prevPage = $('.pages-nr a:visible:first').hide().prev().show();
    if($prevPage.is('.pages-nr a:first-child')){
        $(e.target).hide();
    }
    if($('.pages-nr a:last').is(':visible')) {
        $('.pages-rightarrow').hide();
    }
    else {
        $('.pages-rightarrow').show();
    }
});
相关文章：