我正在開發一個音樂播放站點和使用jplayer播放音樂,但問題是我不想停止播放音樂時,新網頁加載,所以我想加載所有我的網頁與ajax裏面的div容器在這種情況下是「#main-container」,一件重要的事情是我希望在使用ajax加載時不斷顯示頁面URL。這是我目前使用的代碼。如何通過ajax動態加載頁面的歷史
<div id="vertical-menu">
<!--<h2 class="logo">LOGO</h2>-->
<div class="logo">
<span class="arcd-male97"></span>
<h2 class="logo-name">AMR</h2>
<h6 class="logo-desc">ARCADE MUSIC REPOSITORY</h6>
</div>
<ul class="menu-items">
<li>
<a href="/index.php"><i class="arcd-archive"></i></br>Browse</a>
</li>
<li>
<a href="../Top-albums/Top_albums_Pop.php"><i class="arcd-music97"></i></br>Top albums</a>
</li>
<li>
<a href="../Top-artists/Top_artists_Pop.php"><i class="arcd-microphone52"></i></br>Top artists</a>
</li>
<li>
<a href="../Top-lists/Top_lists_Pop.php"><i class="arcd-numbered8"></i></br>Top lists</a>
</li>
<li>
<a href="../Charts/Charts_Pop.php"><i class="arcd-rising9"></i></br>Charts</a>
</li>
</ul>
</div>
這是我想播種加載頁面內容的div容器。默認情況下,你看到它有一些內容,但我應該用加載頁面內容來替換它們。謝謝
<div id="main-container"> <!-- start main container-->
<!--start header-->
<div class="header_container" id="header_container"> <!--start header div-->
<div id="header_titles">
<h1 class="homepage-heading">Browse</h1>
<div class="home-page-title"><h2 >select</h2></div>
<h2 class="homepage-subheading">GENRES & MOODS</h2>
</div>
</div> <!--end header div-->
<!--includes tabnav menu-->
<?php include ("/includes/tabnav_Browse.php"); ?>
<ul id="generes-moods_container">
<li style="padding-top: 18.5px;">
<a class="pop" href="#"><i class="arcd-microphone48" ></i>pop</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="country" href="#"><i class="arcd-guitar" ></i>country</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="Rock" href="#"><i class="arcd-electric13" ></i>Rock</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="Blues" href="#"><i class="arcd-harmonic" ></i>Blues</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="EDM" href="#"><i class="arcd-disc62" ></i>EDM</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="Jazz" href="#"><i class="arcd-trumpet12" ></i>Jazz</a>
</li>
<li style="padding-top: 18.5px;">
<a class="RnB" href="#"><i class="arcd-guitar" ></i>R&B</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="Hip_hop" href="#"><i class="arcd-musicplayer1" ></i>Hip hop</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="Reggae" href="#"><i class="arcd-guitar" ></i>Reggae</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="Classical" href="#"><i class="arcd-violin62" ></i>Classical</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="Folk" href="#"><i class="arcd-guitar92" ></i>Folk</a>
</li>
<li style="padding-left: 18.2px; padding-top: 18.5px;">
<a class="soul" href="#"><i class="arcd-guitar" ></i>soul</a>
</li>
</ul>
</div> <!--end main container-->
可你至少給我一個例子,如何,如果你知道如何做,以實現這一其餘的我會做.........只是一個小例子! – arcade
更新了問題。 – n099y
謝謝你忘記了一秒鐘的歷史,你可以做一個關於如何使用ajax加載頁面的例子。如果我再打擾你,我很抱歉! – arcade