下拉內容/表和頁面跳轉

Question

我正在對一個頁面進行編碼，其中包含幾個動態/可排序的表格（一個在另一個表格下面）以共享PDF文檔。 表格中的每個文檔標題都包含一個鏈接，用於在新標簽頁中打開PDF。 一切正常，但是當我向下滾動頁面並打開動態表/或最小化表時，頁面跳到頁面頂部/到默認位置。 JavaScript的RETURN FALSE解決了此問題，但表中的所有鏈接均已失效。 誰能幫助解決此問題？ 我在這里附加了基本的代碼結構，您可以看到我在做什么...

HTML：

<div id ="fifth">
<ul id="droptable">
        <li><a href="#"><h1>Tittle of The Dynamic Table5</h1></a>
<div>
<table class="sortable" width="100%" border="0">
<tr>
<td id="tablehead" width="55%">Sort by tittle</td>
<td id="tablehead" width="25%">Sort by Author</td>
<td id="tablehead" width="25%">Sort by date</td>
</td>
</tr>
<tr>
<td id="tabledata" width="55%"><a href="document1.pdf" target="_blank">Document1Name</td>
<td id="tabledata" width="25%">AuthorX</td>
<td id="tabledata" width="25%">DateX</td>
</tr>
<tr>
<td id="tabledata" width="55%"><a href="document2.pdf" target="_blank">Document2Name</td>
<td id="tabledata" width="25%">AuthorX</td>
<td id="tabledata" width="25%">DateX</td>
</tr>
<tr>
<td id="tabledata" width="55%"><a href="document3.pdf" target="_blank">Document3Name</td>
<td id="tabledata" width="25%">AuthorX</td>
<td id="tabledata" width="25%">DateX<a></td>
</tr>
</table>
    </div>
  </li>
</ul> 

</div>

---

JAVASCRIPT：

// Dropdown Table Code
$(function(){
$('#droptable li a').each(function(){
$(this).click(function(){
$(this).siblings('div').slideToggle(300); // If I add RETURN FALSE here the page doesn't jump to the default position/to the top of the page (when open or minimize the table) BUT links in the table are out and don't work anymore //
  });        
  });                
  });

Answer 1

2件事

第一個ID應該是唯一的，因此請更改

 id="tabledata"

至

 class="tabledata"

第二，嘗試為包含鏈接的td提供不同於包含數據的類，然后將幻燈片切換開關附加到該類，例如：

$('.newclass').each(function(){
 .....

Answer 2

您提供的提示未能使我成功，但還是要感謝！ 我做了所有事情，但是打開/關閉桌子時頁面仍然跳着。 但是...我在瀏覽不同的論壇時發現了這個簡單的答案。

使用“＃/”代替“＃”，頁面將不會跳轉。 嗯..有時候答案太簡單了，貌似：o

<div id ="fifth">
<ul id="droptable">
    <li><a href="#/"><h1>Tittle of The Dynamic Table5</h1></a> ...

搖滾樂！