Меню jQuery с использованием тегов <a>

Question

Я делаю очень простое меню, но не могу заставить его работать.Я использую JQuery для этого.Вот что у меня есть.

<script>
$(document).ready(function(){
    $("a#lnk").click(function(){
        top.location.href="http://"+this.lnk
    });
});
</script>

Я использовал собственный атрибут "lnk" для хранения ссылки на сайт.Кто-нибудь может помочь?

Answer 1

Если вам необходимо хранить такие данные, используйте атрибут data: data-lnk="foo.com" вместо того, чтобы придумывать фиктивный атрибут, но почему бы просто не использовать href?

<a class="lnk" href="http://foo.com">my link</a>


$("a.lnk").click(function(e){
   e.preventDefault();
   top.location.href = $(this).attr('href');
});

Answer 2

Вы должны сделать

$("a#lnk").click(function(){
  top.location.href="http://"+$(this).attr('lnk');
});

, но это не имеет смысла для меня, потому что это уже ссылка, и вы должны использовать атрибут href

Answer 3

Как уже упоминалось выше, почему бы просто не использовать href? По любой причине, которую вы предпочитаете не делать, как уже упоминалось выше, я бы использовал атрибут данных html5.

Начиная с версии jQuery 1.4.3, любой атрибут данных автоматически включается в объект данных jQuery. Я бы предложил использовать это через .attr для доступа к значению.