切换名为“a:active"的类时出现的问题使用 jQuery [英] Problems when toggling a class called "a:active" using jQuery

问题描述

就目前而言，单击链接"两次会将您重定向到一个页面，但是每当您单击它并在其周围单击以使得菜单下拉或上升时，CSS 代码

As it stands, clicking on "Link" twice redirects you to a page, but whenever you click on and around it such that the menu drops down or goes up, the CSS code

a:active span {
    color:#bdbcae;
}

生效.我想要做的是使链接仅在您第二次单击时更改颜色，从而导致您被重定向到该页面.如果您只单击一次它只下拉菜单，我希望链接保持其默认颜色.

is put into effect. What I am trying to do is make it so that the link only changes color when you click it the second time, resulting in you being redirected to the page. If you click it only once so that only the menu drops down, I want the link to remain its default color.

这是我在下面的函数中的代码，我正在寻找实现此目的

This is the code in my function below that I was looking at to accomplish this

 if ($(this).data('clicks')==2){
       $(this).data('clicks', 0); 
       window.open("accomplishments.html");
 }

我想在这个 if 语句中添加一些类似于 $(this).addClass("active") 的东西，但这不起作用 - 然后让它做 $(this).removeClass("active") 每当情况并非如此，但这些都不起作用.在下面查看我的完整代码.

I was thinking of adding something along the lines of $(this).addClass("active") within this if statement but that doesn't work - and then making it do $(this).removeClass("active") whenever this isn't the case, but none of this works. See my full code below.

这是我的 Bootply.

HTML:

<div class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">

                <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <div class="collapse navbar-collapse navHeaderCollapse">

                    <ul class="nav navbar-nav navbar-right">                            
                        <li class="dropdown">   
                            <a href="page.html" class="dropdown-toggle" data-toggle="dropdown"><span>Link</span><b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">1</a></li>
                                <li><a href="#">2</a></li>
                            </ul><!-- END: "dropdown-menu" -->      
                        </li><!-- END: "dropdown" -->

                    </ul><!-- END: "collapse navbar-collapse navHeaderCollapse" -->
                </div><!-- END: "container" -->
            </div><!-- END: "container" -->
        </div><!-- END: "navbar navbar-inverse navbar-fixed-top" -->

<div class="容器"><button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span><div class="collapse navbar-collapse navHeaderCollapse"><ul class="nav navbar-nav navbar-right">

<a href="page.html" class="dropdown-toggle" data-toggle="dropdown"><span>Link</span><b class="caret"></b></a><ul class="下拉菜单"><li><a href="#">1</a></li><li><a href="#">2</a></li></ul><!-- END:下拉菜单"--></li><!-- END:下拉列表"--></ul><!-- END: "collapse navbar-collapse navHeaderCollapse" --></div><!-- END:容器"--></div><!-- END:容器"--></div><!-- END: "navbar navbar-inverse navbar-fixed-top" -->

CSS:

CSS:

jQuery:

jQuery:

推荐答案

我认为使用click"和dblclick"事件会有所帮助，如果要重定向，为什么要设置特定颜色用户?

Jquery Double click event : http://api.jquery.com/dblclick/

这篇关于切换名为“a:active"的类时出现的问题使用 jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！