我遇到的问题是我正在构建一种幻灯片，并且在特定行为之后，突出显示的代码（将幻灯片编号的颜色从绿色更改为红色）新幻灯片不起作用，即使它在所有情况下都有效其他情况。
我的示例位于此链接供您查看。让幻灯片播放 5 张幻灯片。一切正常（显示幻灯片时数字突出显示）。当您单击一个数字时，它仍然有效，然后在 8 秒暂停后将继续播放幻灯片。现在，当您单击“新鲜出炉”文本并再次单击“新闻和事件”文本时，就会出现问题。应该发生的情况是幻灯片应该从幻灯片 1 开始（数字 1 为红色），但数字 1 保持绿色。当幻灯片改变时，数字 2 保持绿色。幻灯片再次更改，3 保持绿色。幻灯片再次更改，4 变为红色。与幻灯片 5 相同。
我已经挖掘了我的知识，并准备把我剩下的头发扯掉。请帮忙！
您的示例有一些断开的链接，对于初学者，请尝试修复 jquery UI 的 URL，您拥有 10.2.24.111/js/jquery-ui-1.9.0.custom.min.js 和 10.2.24.111/css/smoothness/jquery -ui-1.9.0.custom.css。
我弄清楚为什么链接不适用于 1-3 并且适用于 4 和 5。
这是因为您的每张幻灯片的 ID 都是 id="1"、id="2" 等，一旦加载第二张幻灯片（只有 3 张幻灯片），现在页面上有两个幻灯片相同的 ID 为 1、2 和 3。
所以解决方法是像这样更改每个链接：
<a href="#theFeeds" class="promoNav" id="1">1</a>
要有这样的前缀：
<a href="#theFeeds" class="promoNav" id="feeds_1">1</a>
因此，您不会在同一页面上有重复的 ID。