1

私のウェブサイトは、他のすべてのページがdivに読み込まれる1つのページのみで構成されています。私がやりたいのは、div内に読み込まれるページを追跡するためのブレッドクラムを作成することです。インターネットで見つけたすべてのソリューションは、で読み込まれるページに対してのみ機能します。ウィンドウ全体なので、誰かがより良いアイデアを持っていますか？私のページ：

<div id="nav" class="mmenu" style="float: left; position: fixed;">
    <ul type="none">
        <li><a class="upper" id="1" style="border-top-left-radius: 6px; border-top-right-radius: 6px; background-image:url('menu icons/user-blue.gif'); background-repeat: no-repeat; background-position: left; background-position-x: 5px;" target="collabsoft" href= "ProfilePage.php?property_variable=mine">My Profile</a></li>
        <li><a id="2" style="background-image:url('menu icons/comments.png'); background-repeat: no-repeat; background-position: left; background-position-x: 5px;"  target="collabsoft" href= "viewMessages.php">Messages</a></li>
        <li><a id="3" style="background-image:url('menu icons/newspaper.gif'); background-repeat: no-repeat; background-position: left; background-position-x: 5px;"  target="collabsoft" href= "userHomepage.php">My Conferences</a></li>
        <li><a id="4" style="background-image:url('menu icons/pageflip.gif'); background-repeat: no-repeat; background-position: left;background-position-x: 2px;"  target="collabsoft" href= "availableConferences2.php">Conferences</a></li>
        <li><a id="5" style="background-image:url('menu icons/users.gif'); background-repeat: no-repeat; background-position: left; background-position-x: 5px;"  target="collabsoft" href= "incomingRequests.php">Requests</a></li>
        <li><a id="6" style="background-image:url('menu icons/book.gif'); background-repeat: no-repeat; background-position: left;background-position-x: 5px;"   target="collabsoft" href= "viewNews.php" >News</a></li>
        <li><a class="lower" id="7" style="border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-image:url('menu icons/gear.gif'); background-repeat: no-repeat; background-position: left;background-position-x: 5px;" target="collabsoft" href= "generalOptions.php" >Options</a></li>
    </ul>
</div>
<table id="collabsoft_table" style="border: 0px;">
    <tr>
        <td id="collabsoft_td"style="border:0px;">
            <div scrolling="no" id="collabsoft" name="collabsoft" style="color: #003366; left:200px; display:none;position: absolute; border: 5px #1f487c solid; width: fit-content; height: fit-content; border-radius: 10px;"></div>
        </td>
    </tr>
</table>

div内のページをロードするために使用される関数：

$("#nav a").click(function(event) { 
    event.preventDefault();
    var page = $(this).attr("href"); 
    $("#collabsoft").slideUp("500",function() {
        $("#collabsoft").load(page,function() {
            $(this).slideDown(500);
        });
    });
    return false;
});
4

2 に答える 2

2

jQuery bbqなどのブラウザ履歴ウィジェットを使用して、ページを追跡します。このようにして、両方の戻るボタンを有効にし、ユーザーがアクセスしたすべてのページを追跡できるようになります。少し急な学習曲線があることに注意してください。

于 2012-06-28T02:16:14.737 に答える
0

はい、jQueryバーベキューは素晴らしいと思います。しかし、最近の私の場合、jQuery hashchangeイベントを使用しました..それは簡単で、軽く、そして単に私のために仕事をしました。

私はブレッドクラムを使用していませんが、ページヘッダーには、$("#pageheader").text("header for div1/div2");jQueryを使用してそれぞれのdivをロードするときに使用しました。

于 2012-06-28T02:35:14.527 に答える