2014-10-29 4 views
1

Я относительно новым для Squarespace и использования YUI (Yahoo! User Interface Library), и мне нужна помощь, будучи в состоянии предназначаться и изменить "input[type=radio]:checked" взять на CSS стиль .menuradio {text-decoration:none !important; border-bottom: 4px solid #000;}YUI CSS Squarespace манипуляция

Это говорит, У меня возникли проблемы с таргетингом этого куска кода только с помощью CSS:

<div class="sqs-block menu-block sqs-block-menu" data-block-type="18" id="block-yui_3_17_2_1_1412637006352_21955"> 
    <div class="sqs-block-content" id="yui_3_17_2_1_1414597475438_1924"> 
    <div class="menu-wrapper menu-style-classic" id="yui_3_17_2_1_1414597475438_1923"> 
     <input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-all-day-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button"> 
     <input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-brunch-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button menuradio"> 
     <input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-dessert-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button"> 
     <input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-wine-list-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button"> 
     <input type="radio" name="menu-selector-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" id="menu-select-gluten-free-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-button"> 
     <div class="menu-selector" id="yui_3_17_2_1_1414597475438_1922"> 
     <label id="navbuttontop" for="menu-select-all-day-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-all-day-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio">ALL-DAY</label> 
     <label id="navbuttontop" for="menu-select-brunch-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-brunch-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio">BRUNCH</label> 
     <label id="navbuttontop" for="menu-select-dessert-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-dessert-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio">DESSERT</label> 
     <label id="navbuttontop" for="menu-select-wine-list-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-wine-list-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio">WINE LIST</label> 
     <label id="navbuttontop" for="menu-select-gluten-free-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3" class="menu-select-labels menu-label-gluten-free-yui_3_17_2_1_1412637006352_21955-28f6eb3b-5f85-4155-a233-f0c262fef2a3 menuradio">GLUTEN-FREE</label> 
     </div> 

...

Какого класса я должен предназначаться перед входом?

Я нахожусь на правильном пути, используя этот скрипт?

Y.all('input:checked').addClass('menuradio'); 

или

Y.all('label').addClass('menuradio'); 

или

Y.one('#block-yui_3_17_2_1_1412637006352_21955 input[type=radio]:checked').addClass('menuradio'); 

или

Y.all('.menu-wrapper .menu-style-classic input[type=radio]:checked').addClass('menuradio'); 

?

Ничто, кажется, работает ...

Спасибо заранее за любой вклад;)

+0

выглядит довольно много дубликатов http://stackoverflow.com/questions/4376002/how-to-access-the-value-of-a-radio-button-that-is-checked-using-yui – cregox

ответ

0

Вы почти получилось (наверное, уже сделал к настоящему времени). Это должно работать:

Y.all('input[type=radio]:checked').addClass('menuradio'); 

Имейте в виду YUI is dying и из-за этого Squarespace, вероятно, изменится в будущем, хотя it may take a while. Но все же, я имею в виду, я не вижу причин не использовать jQuery вместо старого мертвого YUI! ; P

 Смежные вопросы

  • Нет связанных вопросов^_^