Question

我正在制作一个非常基本的菜单，但我似乎无法让它发挥作用。我正在使用jQuery。这是我到目前为止所拥有的。

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

我使用自定义“lnk”属性来存储网站链接。有人可以帮忙吗？

Answer 1

你应该做

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

但这对我来说没有任何意义，因为它已经是一个链接，你应该使用href属性

Answer 2

如果您必须存储类似的自定义数据，请使用数据属性：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 3

如上所述，为什么不使用href？无论出于什么原因你不喜欢，如上所述，我会使用html5数据属性。

从jQuery 1.4.3开始，任何数据属性都将自动被拉入jQuery数据对象。我建议使用.attr来访问该值。

使用<a> tags</a>的jQuery菜单

3 个答案: