jQuery没有将类应用于列表项答案

【问题标题】：jQuery not applying class to list itemsjQuery没有将类应用于列表项
【发布时间】：2013-04-16 16:35:38
【问题描述】：

它是由第 3 方开发的，我将其插入到我们的 CMS 中。每当我尝试以任何方式更新页面时——即使是像更改 URL 这样简单的操作，当您单击加号时，模式中的列表项也会停止填充。

应该发生的是，每个模态窗口都有小图标出现在（当前为空的）橙色条上，当您将鼠标悬停在图标上时，下面的内容会发生变化。长这样，代码长这样：

            <ul class="size_banner">                                
            <li><a class="size_1 selected" title=""></a></li> 
            <li><a class="size_2" title=""></a></li> 
            <li><a class="size_3" title=""></a></li>
            <li><a class="size_4" title=""></a></li>
            <li><a class="size_5" title=""></a></li>
            <li><a class="size_6" title=""></a></li>
            <li><a class="size_7" title=""></a></li>
            <li><a class="size_8" title=""></a></li>
            </ul>

有一次，我发现如果我在文本编辑器中编辑页面，而不是直接在 CMS 中编辑，然后复制新代码，它会起作用。但是，它再次不起作用！ Firebug 控制台或 Chrome 中没有错误。 I put the jQuery in a fiddle，虽然我在尝试触发模态时遇到错误。

Here is a working version of the page on a different server.

我必须在明天上午之前修复页面，这样损坏的页面才会在今天生效。

【问题讨论】：

抱歉，你的 jQuery 代码在哪里？
你能检查一下你在 Firebug 控制台上是否有任何错误吗？
（你的页面也会通过一些空白删除和 html 缩小而受益匪浅。大约 50% 的大小）
jsfiddle.net/VDsDe/1 的工作小提琴（删除了第二个 jquery 版本）
@Vogel612，已接受道歉，谢谢。我是一个人的团队，而且只是人类，有时会错过一些事情。我很高兴能在我的 QA 和测试方面得到帮助，而且很少有任何东西在生产过程中出现故障。这一篇漏掉了，因为它是我一天内更新的 56 页之一。 3 天的测试听起来很棒。

标签： javascript jquery list class

【解决方案1】：

在将工作版本与非工作版本进行比较后，结果是 CMS 改变了正在呈现的实际 html..

这与脚本无关..

见http://www.diffnow.com/?report=vknwc

左侧是非工作代码，右侧是工作代码（仅适用于第一个尺寸）。

您会注意到，在工作版本（右侧）中，每个li 元素内部都有一个空的a 标记和一些属性。

您的 CMS 显然认为这些元素是无用的，因为它们是空的并将它们删除。

您需要重新添加它们（也许在里面给它们一个&nbsp，这样它们就不会被视为空）

【讨论】：

是的！！！！！！！！！！！！！它是固定的！太感谢了。我添加了它可以跨浏览器工作。谢谢，谢谢。

【解决方案2】：

我的假设，

<ul class="size_banner">
  <li> </li>
  <li> </li>
  <li> </li>
  <li> </li>
  <li> </li>
  <li> </li>
  <li> </li>
  <li> </li>
</ul>

据我所知，这些 "li" where 标签假设这些小图像出现在模态中，所以你可以检查 jquery 的模态插件代码，是否图像 src配置是否正确。

快乐编码:)

【讨论】：