このページに従ってajax サイトを作成しています。それはかなり簡単ですが、私が直面している問題は、リンクが
<a href="link.html">Link</a>
ハッシュタグの変更を無視して、コンテンツを更新するために ajax を使用する代わりに、リロードを引き起こす link.html ページに直行する傾向があります。
戻るボタンを押すと ajax 部分が機能し、そこからリンクをクリックすると機能します - ページが最初に表示されたときにこの動作を引き起こしている原因は何ですか?
jQuery UI のナビゲーター メニューを使用しています。さらに情報が必要な場合はお知らせください。できるだけ早く投稿します。
助けてくれてありがとう!
ajax の動作を制御する dynamic.js ファイルは次のとおりです。
$(function() {
var newHash = "",
$mainContent = $("#main-content"),
$pageWrap = $("#page-wrap"),
baseHeight = 0,
$el;
$pageWrap.height($pageWrap.height());
baseHeight = $pageWrap.height() - $mainContent.height();
$("nav").delegate("a", "click", function() {
window.location.hash = $(this).attr("href");
return false;
});
$(window).bind('hashchange', function(){
newHash = window.location.hash.substring(1);
if (newHash) {
$mainContent
.find("#guts")
.fadeOut(200, function() {
$mainContent.hide().load(newHash + " #guts", function() {
$mainContent.fadeIn(200, function() {
$pageWrap.animate({
height: baseHeight + $mainContent.height() + "px"
});
});
$("nav a").removeClass("current");
$("nav a[href='"+newHash+"']").addClass("current");
});
});
};
});
$(window).trigger('hashchange');
});