jQueryメニューを使用<a>タグ

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

を使用shuoldので、これは、私には意味がありません属性：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以上を使用することをお勧めします。