0

我复制了这个脚本作为一个弹出框，用于我个人网站上的一些内容。不了解 JS，我想知道是否可以在我标记为 MANAGE 的 span 类中添加一个“活动”类，这样我就可以在内容打开时设置它的样式。我曾尝试在我的 css 中使用 :active 但它不起作用，所以我假设它的需求已添加到此脚本中。

<div id="login_buttons">
<span id="loginlink" class="readmore_jq">MANAGE</span><div class="hide1"><module name="MESSAGE2"/></div>
</div>


<script type="text/javascript">// <![CDATA[
$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').click(function(){
        var t = $(this);
        t.next().toggle('slow');
    });
});
// ]]></script>

已编辑：我在 jsfiddle 中设置以尝试所有答案，但仍然无法获得正常和活动状态http://jsfiddle.net/dEcFL/5/

4

6 回答 6

1

您可以使用toggleClass()在单击的元素上切换类：

$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').on('click', function(){
        $(this).toggleClass('active').next().toggle('slow');
    });
});

小提琴

于 2013-08-09T16:10:17.330 回答
0

单击它后，您可以通过 jQuery 添加对 CSS 的更改。这是单击后的示例，它将在您的 js fiddle 中将文本更改为红色作品。这应该让你走上正确的道路。

$(document).ready(function(){
    $('.hide1').hide();
    $('.readmore_jq').click(function(){
        var t = $(this);
        t.next().toggle('slow');
        $( this ).css( "color", "red" );
    });
});
于 2013-08-16T16:38:42.313 回答
0

由于您使用的是jquery，我认为您可以尝试以下代码

$('#loginlink').addClass('active');

此外，还有一个 removeClass 函数。

希望有所帮助！

于 2013-08-09T16:12:03.697 回答
-1

以下所有答案都是正确的：您可以使用以下方法添加或删除类：

$('selector').addClass('class');

或者

$('selector').removeClass('class');

甚至

$('selector').toggleClass('class');

有关更多信息，请参阅这篇广受好评的帖子，请在将来询问之前尝试搜索。

于 2013-08-09T16:21:47.010 回答
-1 
$( "span#loginlink" ).addClass( "active" );
于 2013-08-09T16:10:04.673 回答
-1

所以你想找到任何span有这个词的东西MANAGE并给它添加一个active类？

试试这个 jQuery：

$('span').each(function(){
    if($(this).html() == 'MANAGE')
        $(this).toggleClass('active')
});
于 2013-08-09T16:12:04.110 回答