Question

我的投资组合设置的方式是，如果潜在的雇主想要看到某种编程语言，让我们说只有PHP，他们在PHP框中打勾，所有涉及PHP的样本都会出现（可能来自CMS，或直接PHP）

以下是有问题的页面

现在它有点起作用，但是如果我只想看到AJAX样本，那么只有一个显示而不是总共三个。如果我能以某种方式改变淡入淡出以使其具有重要性，我认为这将起作用

我将它定位为一个类，因此出于某种原因.attr和.css不起作用，但不透明效果有效。我只是无法在display属性中设置！important。

Answer 1

你有一个你的div在类＃＆＃34; AJAX＆＃34;而不是＆＃34; Ajax＆＃34;。改变它为我修好了。

Answer 2

在您展示的示例中，单击Ajax时显示的唯一Ajax示例是具有“Ajax”类的“Ajax”，即“Silverstripe 2.4的共享事件日历模块”

你只有另一个ajax样本，它有AJAX类，它不匹配，因为它不是与Ajax的字符串匹配

AJAX！= Ajax

所以你的jquery选择器不起作用，因为它区分大小写。另外，我只能看到2个样本，而不是3个样本？

编辑：此外，在您的JS中连接样本检查，最好使用

$('.samples :checkbox').each(function () {

而不是

$(':checkbox').each(function () {

因为它限制了jquery必须迭代的范围。

编辑：

为了解释为什么某些样本被隐藏，这是因为你的

$（ '：复选框'）。每个（...）

正在工作;

每次单击某些内容时检查控件是否触发，它会处理所有可单击的复选框。想象一下，如果您的体验如下：

<div class='samples'>
    <div class='asp'>...</div>
    <div class='php asp'>...</div>
    <div class='php django'>
</div>

如果你单击ASP复选框，它会循环并说，ok show sample 1因为它有ASP，然后它会循环并说show sample 2因为它有ASP，然后它会再次循环，看到样本3中没有ASP，所以它会隐藏它。

然后它循环到下一个复选框（为了称为PHP的参数）;它从样品2开始（因为.each循环）并且看到它没有被检查，所以它隐藏了样品2，即使它之前已经显示过，并且样品3也是如此。

你明白我的意思吗？随后的.each迭代将取消为复选框执行的显示;当您选中的复选框的ID出现在HTML布局中的实际样本之前时。