JQueryを使用して最も基本的なナビゲーションを実行しようとしていますが、惨めに失敗しています。
さまざまなコンテンツを含む複数の.htmlファイルがありますが、永続的なページを作成し、コンテンツをdivにロードしたいと考えています。現時点でナビゲーションを実装している方法:
- ユーザーがNavLink1をクリックする
- JQueryは以下を実行します。
event.preventDefault()
(#my-content-div).load(NavLink1-content); - URLは「www.mydomain.com/#NavLink1」と表示されます。
1つのナビゲーションリンクのナビゲーションコード:
$("#story-button-link").click(function(event){
$(this).addClass("selected");
$("#landing-page-article").load('./story.html', function() {
$(document).ready(function() {
});
});
return false;
});