0

テキスト メニューのクリック イベントに基づいて、content という div 要素を設定しています。これは正常に機能していますが、次のシナリオを処理したいと思います。

  1. URL に # フラグメントを含むページを更新しています。現在、空白の div になります。
  2. URL に # フラグメントが含まれていないページに移動すると、div に blog.php が入力されていることが示されます。

前もって感謝します

コード

<!-- Transparent box -->
<div id="box">

<!-- Menu -->
<a href="#blog" onclick="$('#content').load('blog.php')">blog</a> |
<a href="#code" onclick="$('#content').load('code.php')">code</a> |
<a href="#portfolio" onclick="$('#content').load('portfolio.php')">portfolio</a> |
<a href="#about" onclick="$('#content').load('about.php')">about</a>

<div class="bar"></div>

<!-- Content -->
<div id="content"></div>

<div class="bar" id="footer"></div>
</div>
4

1 に答える 1

1

いくつかの方法で解決できます..多分そのように：

// Run on document ready
$(function() {
    // Get hash or set "#blog" as default
    var hash = document.location.hash || "#blog";

    // Trigger click event of anchor that has href as url hash
    $('[href="'+hash+'"]').click();
});
于 2013-09-01T16:29:32.913 に答える