Как бы я удалить идентификатор и добавить другой идентификатор к моей нав ул

Question

Как бы я удалить идентификатор и добавить другой идентификатор к моей нав ул

0

Я пытаюсь добавить другой идентификатор в свой навигационный ul-list.

Что я делаю не так?

Можете ли вы добавить и удалить ID в jQuery или мне нужно использовать JavaScript?

 $(window).scroll(function () {
        if ($(document).scrollTop() == 0) {
            $('#logo_top').removeClass('remove-logo');
        } else {
            $('#logo_top').addClass('remove-logo'); 
        }
    });
    $(function(){
        $('#navi').data('size','big');
    });

    $(window).scroll(function(){
        if($(document).scrollTop() > 0)
        {
            if($('#navi').data('size') == 'big')
            {
                $('#navi').data('size','small');
                $('#navi').stop().animate({
                    height:'58px'
                },600);
                $('#navi-top ul').remove();
                $('#navi-top-small ul').add(); 
            }
        }
        else
        {
            if($('#navi').data('size') == 'small')
            {
                $('#navi').data('size','big');
                $('#navi').stop().animate({
                    height:'122px'
                },600);
            }  
        }
    });

это html для моего сайта im, пытающегося настроить UL любые предложения?

<div id="navi-top" class="push-off-right-s">
    <ul>
        <li><a href="#">The Group</a></li>
        <li><a href="#" class="active">Working Together</a></li>
        <li><a href="#">Paymaster</a></li>
        <li><a href="#">Claybrook</a></li>
        <li><a href="#">Vote for a sidekick</a></li>
    </ul>
</div>

Code 28 март 2014, в 15:40

Источник

3

Aa, и где вы пытаетесь добавить идентификатор?
tymeJV 28 март 2014, в 14:08
0

Что такое HTML?
Digzol 28 март 2014, в 14:10
0

Вы можете манипулировать идентификатором, но я не думаю, что это разумно ... .attr('id', 'newID') сделает это.
JF it 28 март 2014, в 14:10
0

# navi-top-small ul, это идентификатор, который я хочу добавить. Я хочу удалить оригинальный ...... или я могу добавить и удалить свойство css вместо изменения полного идентификатора. значение, которое я пытаюсь нацелить в css, это margin: 32px 0 0 0 Мне нужно установить его на margin: -32px 0 0 0, когда пользователь прокручивает страницу вниз.
Code 28 март 2014, в 14:12
1

На самом деле, я никогда не сталкивался с ситуацией, когда мне нужно было удалить или переименовать Id (или там, где это было уместно) ... Я бы вместо этого просто переключался между классами ... Это выполнимо, но вы открываете себя многим от головной боли потенциально ...
Rikon 28 март 2014, в 14:14
0

почему бы не быть мудрым? я обновил свой код выше
Code 28 март 2014, в 14:14
0

Почему бы не использовать addClass и removeClass которые используются в #logo_top ?
Digzol 28 март 2014, в 14:14
0

Эта строка $('#navi-top ul').remove(); удалить весь этот список из DOM, к вашему сведению.
tymeJV 28 март 2014, в 14:16
0

метод add () неверный. Я думаю, что вы пытаетесь добавить () или addClass ()
Bhojendra Rauniyar 28 март 2014, в 14:18

Показать ещё 7 комментариев

Теги:

jquery

2 ответа

0

Идентификатор - это значение атрибута, которое вы установили, передав его как параметр:

$('#navi-top ul').attr('id','your value');

Kristofer Gisslén 28 март 2014, в 11:43

0

так как бы я изменил это? как я говорю $ ('# navi-top ul'). attr ('id', 'your value'). remove ();
Code 28 март 2014, в 14:25
0

Если вы хотите удалить атрибут, вам нужно использовать .removeAttr("id") . то есть. $('#navi-top ul').removeAttr("id"); , Но если честно, я бы предпочел вместо этого использовать классы: $('#navi-top ul').removeClass('your class name').addClass('new class name');
Kristofer Gisslén 28 март 2014, в 14:39

Ещё вопросы

Aa, и где вы пытаетесь добавить идентификатор?
Вы можете манипулировать идентификатором, но я не думаю, что это разумно ... .attr('id', 'newID') сделает это.
# navi-top-small ul, это идентификатор, который я хочу добавить. Я хочу удалить оригинальный ...... или я могу добавить и удалить свойство css вместо изменения полного идентификатора. значение, которое я пытаюсь нацелить в css, это margin: 32px 0 0 0 Мне нужно установить его на margin: -32px 0 0 0, когда пользователь прокручивает страницу вниз.
На самом деле, я никогда не сталкивался с ситуацией, когда мне нужно было удалить или переименовать Id (или там, где это было уместно) ... Я бы вместо этого просто переключался между классами ... Это выполнимо, но вы открываете себя многим от головной боли потенциально ...
почему бы не быть мудрым? я обновил свой код выше
Почему бы не использовать addClass и removeClass которые используются в #logo_top ?
Эта строка $('#navi-top ul').remove(); удалить весь этот список из DOM, к вашему сведению.
метод add () неверный. Я думаю, что вы пытаетесь добавить () или addClass ()
так как бы я изменил это? как я говорю $ ('# navi-top ul'). attr ('id', 'your value'). remove ();
Если вы хотите удалить атрибут, вам нужно использовать .removeAttr("id") . то есть. $('#navi-top ul').removeAttr("id"); , Но если честно, я бы предпочел вместо этого использовать классы: $('#navi-top ul').removeClass('your class name').addClass('new class name');

Digzol · Accepted Answer · 2014-03-28T12-22-00.000Z

id элемента должен использоваться для идентификации элемента. Если вы хотите динамически изменять CSS, вам следует использовать class. См. Раздел Разница между id и классом в CSS и когда его использовать

Таким образом, линии

$('#navi-top ul').remove();
$('#navi-top-small ul').add();

должно быть что-то вроде

$('#navi-top').addClass('navi-top-small');

CSS:

.navi-top-small ul {
    margin: -32px 0 0 0;
}

Затем, в зависимости от ваших потребностей, вы можете добавить removeClass('navi-top-small') в предложение else.

+5 выстрел чувак, мне удалось понять, используя ваш ответ