Question

在实际网站 is here

上的示例

我正在使用的JS脚本在这里：

$(document).ready(function() {
    $('.hideData').hide();

    $( '.toggleButton').click(function() {
        $(this).next().toggle(1000);
    });
});

HTML文档包含PHP标记，但是单击我通过div .toggleButton设置的标题按钮时它不会呈现

<div class='toggleButton'>
<h1 class='head-font text-center head'>$result_array[$j]</h1>
</div>
<div class='hideData'>
<table class='table table-hover table-responsive'>
 <thead>
  <tr>
    <th>Item</th>
    <th class='text-right'>Price</th>
  </tr>
</thead>
<tbody>

  <tr>
    <td>" . $name . " - <small>" . $description . "</small></td>
    <td class='text-right'>£" . $price . "</td>
  </tr>

</tbody>

无论我在切换中输入的数字或速度如何，它都不会改变速度或动画？

Answer 1

您的网站正在添加两次jQuery，即使两个文件都声称是v3.2.1，脚本的内容也不尽相同。你有：

的jquery-3_002.js
的jquery-3.js

前者是好人。如果您在Html中删除 jquery-3.js 的脚本标记并重新加载页面，则动画延迟将开始起作用：

<script src="Menu%20-%20The%20Old%20Thatch%20Inn_files/jquery-3.js"></script>

jQuery切换持续时间没有设置

1 个答案: