javascript - 向 javascript/JQuery 对象添加函数

Question

$(".box").each(function(){
    $(this).distance_left = function() {
        return $(this).offset().left - $(this).parent().offset().left;
    }
    $(this).distance_top = function() {
        return $(this).offset().top - $(this).parent().offset().top;
    }

});

当我在 .box 对象上调用 distance_left 或 distance_top 时，我只是得到一个 box.distance_left is not a function。为什么？

Answer 1

您将需要扩展原型(prototype):

$.fn.distance_left = function() { return -1; };

然后您可以在所有 jQuery 对象上使用它:

$('#myId').distance_left(); // -1

无论如何，对于您的特殊情况，您可以使用

$(this).position().left;
$(this).position().top;