標籤導航問題

當我向下滾動到標籤頁並選擇其中一個標籤頁時，它將我帶到我的頁面頂部，這些標籤頁正常工作，但我想保留在相同的部分點擊標籤頁時，我不想每次都登頂。這是我的jQuery的標籤代碼：標籤導航問題

<div id="wrapper"> 
<ul class="tabs"> 
    <li id="fixtures_tab"><a href="#fixtures"><?php echo ALL;?></a></li> 
    <li id="live_tab"><a href="#live"><?php echo LIVE;?></a></li> 
    <li id="finished_tab"><a href="#finished"><?php echo FINISHED;?></a></li> 
    <li id="program_tab"><a href="#program"><?php echo PROGRAM;?></a></li> 
    <li id="postpond_tab"><a href="#postpond"><?php echo POSTPOND;?></a></li> 
    <li id="selected_tab"><a onclick="stripe_Color();" id='f' href="#fav"><?php echo SELECTED;?> (0)</a></li> 
</ul> 
<div class="tab-container"> 
<div id="fixtures" class="tab-content"> 
    <script type="text/javascript">get_All_Today_Matches();</script> 
</div> 
<div id="live" class="tab-content"><script type="text/javascript"></script></div> 
<div id="finished" class="tab-content"><script type="text/javascript"></script></div> 
<div id="program" class="tab-content"><script type="text/javascript"></script></div> 
<div id="postpond" class="tab-content"><script type="text/javascript"></script></div> 
<div id="fav" class="tab-content"><script type="text/javascript"></script></div> 
</div>

來源

2013-04-10 unique_programmer

跳轉正在被錨標記默認操作引起的。你使用jQuery綁定到<a/>標籤，並防止在點擊時執行默認操作。這是通過將事件傳遞給事件處理函數並從處理函數內調用事件上的函數來完成的。

$(document).ready(function(){ 
    $(".tabs a").click(function(e){ 
     e.preventDefault(); 
    }); 
});

工作實施例http://jsfiddle.net/pDcHg/

preventDefault Documentation

來源

2013-04-10 09:25:17

它不起作用，即使我試圖使用「活」而不是點擊並傳遞單擊作爲參數之前功能，但仍然無法工作 – 2013-04-10 09:36:22

看到更新，它應該包裝在'$（document）.ready（function（） {}）;' – 2013-04-10 09:38:18

我很抱歉，但仍然無法工作，可能是因爲「.click」，我的意思是也許有另一個事件我應該使用 – 2013-04-10 09:51:50

使用preventDefault() ..

它防止<a>標籤的默認行爲

$(".tabs li a").click(function(e){ 
    e.preventDefault(); 
});

來源

2013-04-10 09:26:37 bipen

我試過這個有和沒有doucument.ready，但仍然不工作 – 2013-04-10 09:53:13

標籤導航問題

回答

相關問題