如何切换链接

Question

我有两个链接 CLICK1 和 CLICK2

我想让这两个链接一次只能点击一个。它应该以这样的方式工作：当我点击click1时，单击2不应该是可点击的，反之亦然。

Answer 1

你可以用jQuery和css做到这一点;当用户点击click1时，click2将被停用，反之亦然。

<强> DEMO

＆＃13;

＆＃13;

$("button").click(function(){
	if ($(this).hasClass("click1")) {
    	$(".click2").addClass("disabled");
    } else if ($(this).hasClass("click2")) {
    	$(".click1").addClass("disabled");
    }
});

＆＃13;

.disabled {
    pointer-events: none;
    opacity: .25;
}

button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button class="click1">click 1</button>
<button class="click2">click 2</button>

＆＃13;

＆＃13;

＆＃13;