MaterialiseCSS - 下拉列表没有显示在正确的位置

Question

我在我的项目中使用MaterialiseCSS。 我想制作一个附有下拉列表的按钮。 当我点击按钮时，下拉列表没有显示在正确的位置：它显示在表格的开头而不是按钮触发器的下方或顶部。

这是一个重现问题的小提琴：https://jsfiddle.net/f62ssr8f/

＆＃13;

＆＃13;

<table>
<thead>
<tr>
<th>More</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<a class="dropdown-button" href="#!" data-activates="details">
Test1                               
</a>
</td>
</tr>
<tr>
<td>
<a class="dropdown-button" href="#!" data-activates="details">
Test2                                    
</a>
</td>
</tr>
<tr>
<td>
<a class="dropdown-button" href="#!" data-activates="details">
Test3                                      
</a>
</td>
</tr>
<tr>
<td>
<a class="dropdown-button" href="#!" data-activates="details">
Test4                                   
</a>
</td>
</tr>
<ul id="details" class="dropdown-content">
<li>Test</li>
<li>Test2</li>
</ul>
</tbody>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 1

尝试其他jquery版本（3.2.1）

https://jsfiddle.net/f62ssr8f/23/

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>