Укажите селектор jquery, используя переменную

Question

Я не могу заставить $(target) работать.

Если я нажимаю на ссылку с href=#top, alert(target) отображает # top , но $(target).offset возвращает ноль .

$("[href^='#']").click( function() {
    var target = $(this).attr('href');
    alert(target);
    $("#body-wrapper").animate( {scrollTop: $(target).offset().top} ,300);
    return false
    })
};

Answer 1

Когда вы делаете:

$(target).offset()

По сути, вы делаете:

$("#top").offset()

Но, очевидно, на вашей странице нет объекта с идентификатором "top""(таким образом, почему он возвращает ноль).Таким образом, это может сработать, если вы дадите ссылку с именем top, идентификатор которой также будет выглядеть так:

<a name="top" id="top"></a>

Или вместо этого вы можете использовать этот jQuery для поиска тега ссылки с name = "top":

target = target.slice(1);               // remove # from start of the name
$("[name='" + target + "']").offset()   // construct $("[name='top']");

Здесь вы ищите тег с атрибутом name = 'top'.

Answer 2

Может быть элемент #top не существует на странице. Попробуйте предупредить $(target).length и посмотрите, что вы получите.

Answer 3

Используйте $(this).offset().Ваш target var - это просто строка, а не объект jQuery или узел DOM.