2013-10-29 144 views
1

我有一個複雜的情況,涉及各種各樣的滑塊,即使它是在一頁的wordpress網站上設計的,也不能用作標籤內容。onclick = window.location主頁跳轉到頂部

該網站在這裏:http://carubba.brandconstructors.com/和「項目」部分是問題。

因此,我爲每個類別製作了不同的wordpress頁面模板。我使用onlick = window.location來瀏覽所謂的標籤。但是,當您點擊進入下一個選項卡時,頁面會跳到最上方一會兒,然後再退後一步。有沒有辦法讓這種情況不發生,並直接進入錨點?我嘗試添加返回false,並且javascript:void(0),那也不起作用。

下面是鏈接代碼:

<ul class="projects-cat"> 
      <li><a href="#" id="project-gallery" onclick="window.location = '/commercial/#projects';">Commercial</a></li> 
      <li><a href="#" id="project-gallery" onclick="window.location = '/marine/#projects';">Marine</a></li> 
      <li><a href="#" id="project-gallery" onclick="window.location = '/institutional/#projects';">Institutional</a></li> 
      <li><a href="#" id="project-gallery" onclick="window.location = '/civil/#projects';">Civil</a></li> 
      <li><a href="#" id="project-gallery" onclick="window.location = '/specialty/#projects';">Specialty</a></li> 
      <li><a href="#" id="project-gallery" onclick="window.location = '/residential/#projects';">Residential</a></li> 


     </ul> 

任何幫助將是真棒。

編輯* 這是在頁腳:

<script> 
$(document).ready(function() { 
     $('.projects-cat li a').click(function(e) { 
      e.preventDefault(); 
     }); 
}); 
</script> 
+0

Hola,你可以分享更多的代碼,比如負責標籤的'js'嗎? – jycr753

+0

你不應該在一個頁面上多次使用一個id(項目庫) –

+0

我繼承了這個3/4的過程,所以只是試圖將最終內容拼湊在一起(儘可能簡單和快速)。但是,也許阿賈克斯將是要走的路。 –

回答

0

沒有,瀏覽器總是要跳了下來,因爲它呈現的頁面,並計算多遠向下移動。

您應該保持在同一頁面上,並加載所有內容,並根據需要隱藏和顯示,或通過AJAX爲每個頁面加載內容。

+0

也許ajax解決方案可以工作。當所有這些所謂的標籤滑塊都一次都在頁面上時,發生了瘋狂的衝突。 –