Problem with Jquery addClass

Problem with Jquery addClass

本文关键字：addClass Jquery with Problem      更新时间：2023-09-26

我在实现jQuery .addClass()效果时遇到了麻烦。

我试图使用的脚本看起来像这样:

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

我已经查看了文档并检查了所有括号，但无论出于何种原因，当单击#top_right_size_large锚点时，这都没有添加.large_content类。知道为什么这不会像我期望的那样工作吗?

只是猜测，您的锚有一个href，当点击时，它会重新加载页面，尝试更改代码如下:

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

显然，通过在标记之前添加代码，脚本将无法工作。我把代码移到了标签下面，一切都很好。谢谢你的建议!

在您的href中包含javascript:void(0);以防止任何导航

<a id="op_right_size_large" href="JAVASCRIPT:VOID(0);">..</a>
相关文章：