Целевое задание класса с jquery и изменением свойств css

Question

способ, которым у меня установлена ​​моя настройка портфолио, так что если потенциальный работодатель захочет увидеть определенный язык программирования, скажем, только PHP, они отметят поле PHP, а все образцы с PHP участие обнаружится (Может это быть из CMS, или просто прямо PHP)

Вот страница в вопросе

http://evanparsons.net/samples.aspx

это вроде теперь работает, но если я хочу, чтобы видеть только AJAX, только один отображается, а не три в целом, что у меня есть. Если бы я мог как-то изменить затухание, чтобы иметь важное значение, я думаю, что это сработает

Я нацеливаю его как класс, поэтому по какой-то причине .attr и .css не работают, однако непрозрачность работает , Я просто не могу установить! Важно в атрибуте отображения.

Answer 1

В примере вы показали, единственный Ajax образца это показывает при нажатии Ajax является тот, который имеет класс «Аякс», который является «Shared Event модуль Календаря SilverStripe 2.4»

Вы имеете получил только один другой образец AJAX, который имеет класс AJAX, который не будет соответствовать, потому что это не строка матч с Ajax

AJAX! = Ajax

Так что ваш селектор JQuery не будет работать, потому что это чувствительно к регистру. Также я могу видеть только 2 образца, а не 3?

редактировать: Кроме того, в вашем JS, что провода вверх ваши выборочные проверки, может быть лучше использовать

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

вместо

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

, поскольку он ограничивает область действия, JQuery должен итерацию ,

Edit:

Чтобы объяснить, почему некоторые образцы прячась, это из-за того, как ваши

$ (': Флажок'). Каждый (...)

Работает;

Проверка контроля срабатывает каждый раз, когда вы нажимаете что-то, и обрабатывает все флажки, которые можно щелкнуть. Представьте, если ваш опыт выглядел следующим образом:

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

Если вы установите флажок ASP, он будет перебрать и сказать, хорошо показать пример 1, потому что у него есть ASP в нем, то это будет цикл и сказать шоу образец 2, потому что его получил ASP в нем, затем он снова зациклится и увидит, что в примере 3 нет ASP, поэтому он скроет его.

Затем он переходит к следующему флажку (для аргумента под названием PHP); он начинается с образца 2 (из-за цикла .each) и видит, что он не проверен, поэтому он скрывает образец 2, даже если он был показан ранее, и тот же для образца 3.

Вы видите, что я имею в виду? последующие. итерации отменят отображение, которое выполняется для отмеченного поля; когда идентификатор выбранного флажка отображается перед фактическим образцом в макете HTML.

Answer 2

У вас есть один из ваших div, перечисленных под классом «AJAX» вместо «Ajax». Меня это изменило.