如何在类的最后一个元素上设置实时点击功能?

时间:2014-03-18 07:52:12

标签: javascript jquery

在标题中,想要设置"点击"函数在类的最后一个元素

$("#someID .someClass:last").live("click", function () {
            $('#someID').animate({ scrollTop: $(document).height() }, 'slow');
            return false;
    });

5 个答案:

答案 0 :(得分:2)

.live()在jQuery 1.7中已弃用,已在1.9中删除。您应该使用.on

$("#someID").on("click", ".someClass:last-child", function() {
    ...
});

答案 1 :(得分:1)

.live() 自版本1.7弃用,已在版本1.9中删除,您应使用 .on() 代替。

如果您的元素已动态添加,则可以在此处使用 event delegation

$("#someID").on("click", ".someClass:last-child" function () {
    $('#someID').animate({ scrollTop: $(document).height() }, 'slow');
    return false;
});

答案 2 :(得分:1)

jQuery 1.7中不推荐使用

.live()方法。您应该使用.on方法。 See Doc.

$('#someID .someClass:last').on('click',function() {
   $('#someID').animate({ scrollTop: $(document).height() }, 'slow');
    return false;
});

小提琴演示: http://jsfiddle.net/hq4SL/

答案 3 :(得分:0)

.live已被弃用,转而使用.on。试试这个:

$("#someID").on("click", ".someClass:last-child" function () {
  $('#someID').animate({ scrollTop: $(document).height() }, 'slow');
  return false;
});

答案 4 :(得分:0)

忘了活着。它已被弃用。你应该使用on而不是。试试这个:

$('#someID').on('click', .'someClass:last', function () {
        $(this).animate({ scrollTop: $(document).height() }, 'slow');
        return false;
});