Проблема с Jquery addClass

Question

У меня проблемы с реализацией эффекта jQuery .addClass().

Сценарий, который я пытаюсь использовать, выглядит следующим образом:

<script>
    $(function(){   
        $('#top_right_size_large').click(function(){
            $('#primary').addClass('large_content');
        });
    });
    </script>

Я посмотрел документацию и проверил все мои скобки, но по какой-то причине это не добавляет.Класс large_content при нажатии на ссылку #top_right_size_large.Есть идеи, почему это не сработает так, как я ожидаю?

Answer 1

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

<script>
    $(function(){   
        $('#top_right_size_large').click(function(e) {
            e.preventDefault();
            $('#primary').addClass('large_content');
        });
    });
</script>

Answer 2

Включите javascript:void(0); в ваш href, чтобы предотвратить любую навигацию

<a id="op_right_size_large" href="JAVASCRIPT:VOID(0);">..</a>

Answer 3

Очевидно, что при добавлении кода перед тегом скрипт не будет работать.Я переместил код ниже тега, и все работает отлично.Спасибо за все предложения!