ナビゲーションバーがある正方形のウェブサイトを作成しています。
ナビゲーション バーにリンクとして JavaScript コードを追加したいと思います。
JavaScript コードは次のとおりです。
<div>
<script type="text/javascript" src="https://app.ecwid.com/script.js?4549118"></script>
<script type="text/javascript"> xMinicart("style=","layout=Mini"); </script>
</div>
次のhtmlコードがあります:(FireBugで取得しました)
<nav id="main-navigation">
<ul class="cf">
<li class=" active-link">
<a href="/">page1</a>
</li>
<li class="">
<a href="/page2/">page2</a>
</li>
</ul>
</nav>
上記のコードを編集することはできませんが、ヘッダー コードを挿入することはできます。
では、JavaScript コードをナビゲーション バーの 3 番目のリンクとして追加するにはどうすればよいでしょうか。
どうもありがとう!
編集
だから私は次のコードを追加しました
<script>
window.onload=function(){
$('nav ul').append('<li><a onClick="test()" href="javascript:void(0);">Link 3</a></li>');
}
</script>
しかし、追加内に元の JavaScript コードが必要です。実際のコードをリンクにする必要があります。それ、どうやったら出来るの?Firefox で JavaScript を見れば、私の言いたいことが理解できるでしょう。ナビゲーション バーに生成される実際のリンクが必要です。
ありがとう!