Question

在this小提琴中，单击“策略”按钮，单击“新建策略”按钮，然后根据此html的第二行（靠近代码底部）

<fieldset id="NewpolicyOverlay" class="menuAbuttons">
  <p><a href="#" class="menuA menuA-open returnBttn" name="level02" title="Create a new policy"><span>New policy</span></a></p>
  <a href="#" id="NewPolicy" class="menuA menuA-open overlayBttnA" name="NewPolicy"><span>Policy</span></a>
  <a href="#" id="Sections" class="menuA overlayBttnA" name="Sections"><span>Sections</span></a>
  <a href="#" id="Transaction" class="menuA overlayBttnA" name="Transaction"><span>Transaction</span></a>
  <a href="#" id="NewPolicySubmit" class="menuB overlayBttnA" name="NewPolicySubmit"><span>Submit</span></a>
</fieldset>

新政策按钮应显示为“打开”（即与其下方的“政策”按钮相同）。即使我用FF检查元素，它也没有menuA-open类。但上面的代码明确表示它应该。它获得了另外两个类：menuA和returnBttn，但不是menuA-open类。

简单来说，新政策按钮在点击后应该是灰色的，带有蓝色边框。

任何人都可以解决这个谜语吗？

谢谢

克里斯

Answer 1

单击“策略”时，从该元素中删除类menuA。您应该更改选择器，以便仅从顶部栏中的<a>元素中删除该类（我假设您需要）：http://jsfiddle.net/FBvkQ/1/。

$(".menuA").click(function() {
    // ...
    $('#menudiv > .menuA') // ...

简单的html / css类谜语

1 个答案: