на шаблон Jquery, как я могу установить класс CSS динамически?

Question

на шаблон Jquery, как я могу установить класс CSS динамически?

0

Я использую asp.net web api project и использую шаблон jquery.

in ready
$('a').click(function () {
            debugger;
            // remove the selected class from all anchors
            $('.row a').removeClass('selected');

            // Add the selected class to the currently clicked anchor
             $(this).addClass('selected');            
        });

<div class="row">
            <div class="span3">
                <!-- Added dynamic data from script GroupTypeTemplate -->              
            </div>
</div>
<script id="GroupTypeTemplate" type="text/html">
                <nav id="options" class="work-nav">
                    <ul id="filters" class="option-set" data-option-key="filter">                                            
                         <li>                            
 <a onclick="getGroupById('${Id}')"  data-option-value="*">${TypeName}</a>
                         </li>
                    </ul>
                </nav>                 
                </script>

Я хочу, чтобы динамический атрибут class активным, так как в настоящее время это меню

Но как проверить, какой id active настоящий момент, я могу установить class="selected"

Каков синтаксис в шаблоне jquery?

Neo 21 янв. 2014, в 20:32

Источник

1

проверьте, какое меню активно, и соответственно измените класс
user2897690 21 янв. 2014, в 19:02
0

извините за вопрос, но я новичок в шаблоне jquery, где и какой синтаксис для этого?
Neo 21 янв. 2014, в 19:03

Теги:

javascript

jquery

css

asp.net-mvc-4

2 ответа

1

это поставит выбранный Аттрибут только a что кликнули.

$("a").click(function(){
    $("a").removeClass("selected");
    $(this).addClass("selected");
});

Hugo S. Mendes 21 янв. 2014, в 16:57

0

Это должно работать, но это не так :(
Neo 21 янв. 2014, в 19:12
0

Ваш <li><a></a><li> генерируется динамически? попытайтесь поместить это в $(document).ready(function(){ PUTHERE });
Hugo S. Mendes 21 янв. 2014, в 19:14
0

да генерируется динамически обновляемый вопрос
Neo 21 янв. 2014, в 19:17
1

затем попытайтесь использовать $("a").on('click', function(){ $("a").removeClass("selected"); $(this).addClass("selected"); }); вместо.
Hugo S. Mendes 21 янв. 2014, в 19:18

Показать ещё 2 комментария

Ещё вопросы

проверьте, какое меню активно, и соответственно измените класс
извините за вопрос, но я новичок в шаблоне jquery, где и какой синтаксис для этого?
Это должно работать, но это не так :(
Ваш <li><a></a><li> генерируется динамически? попытайтесь поместить это в $(document).ready(function(){ PUTHERE });
да генерируется динамически обновляемый вопрос
затем попытайтесь использовать $("a").on('click', function(){ $("a").removeClass("selected"); $(this).addClass("selected"); }); вместо.

Matt Bodily · Accepted Answer · 2014-01-21T17-40-00.000Z

чтобы заставить скрипт работать с динамически добавленным контентом, нужно разместить событие в документе, как это

$(document).on('click', 'a', function(){
    //remove, add here
});