0

私がセットアップした方法では、問題なく動作します。唯一の問題は、ユーザーが右クリックしてリンクを新しいタブで開くと、コンテンツが含まれるほとんどスタイルのない html ドキュメントになることです (すべてからを削除する必要があったため)各ページで 2 倍にならないようにテンプレートを変更しました。

私が言ったように、それはそれで問題ありませんが、一部のユーザーが間違いなく新しいタブでリンクを開いて表示することを知っているので、本当に気になります.

そして、ロード機能を削除するように言われる前に (これは私が以前に持っていた方法です)、ヘッダーにラジオがあるため、それを持っている必要があります。誰かが新しいページに移動するたびに更新したくありません。

私が少しでも理にかなっているなら、誰か助けてもらえますか?

 <script type="text/javascript">
    $(document).ready(function(){
    $.ajaxSetup({cache:false});
    $(".link a").click(function(){
        var toLoad = $(this).attr("href")
        $(".new-body div").html("<center><div style='margin-top:20px;'><img src='http://habbolicious.com/wp-content/themes/habbolicious/images/loading.gif' /></div></center>");
        $(".new-body div").slideUp("slow").load(toLoad).slideDown('slow');
        return false;
    });
});
</script>

これが jQuery で、実際のナビゲーションは次のとおりです。

              <div style="float:left; margin-top:16px; margin-right:20px;" class="link"><a href="/v1"><img src="http://habbolicious.com/wp-content/themes/habbolicious/images/logosmall.png" /></a></div>
          <div class="nav-home link"><a href="/staff">Staff</a></div>
          <div class="nav-news link"><a href="/news">News</a></div>
                    <div class="nav-events link"><a href="/events">Events</a></div>
          <div class="nav-values link"><a href="/rare-values">Rare Values</a></div>
          <div class="nav-forum link"><a href="/contact">Contact Us</a></div>
          <div class="nav-forum"><a href="/forum"></a></div>
4

1 に答える 1

0

リンクを設定するのではなく、スパンをリンクとしてスタイル設定すると、右クリックしても新しいタブで開くオプションが表示されなくなります。そのためのサンプル CSS を次に示します。

span {
    cursor:pointer;
    color:blue;
    text-decoration:underline;
}
于 2013-10-12T15:20:08.157 に答える