Question

我希望在获取成功消息时切换选项卡。但是它抛出选项卡不是函数异常。 `

<script>
    var message = "<%=username%>";
    if(message !=null && message == "registrationSuccess"){
        alert("1");
        $('#myTab a[href="#login"]').tab('show');
    }
</script>`

Answer 1

尝试使用Jquery，

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<title></title>
</head>
<body>
<style type="text/css">
	.tab{
		background-color: red;
	}
	.active{
		background-color: blue;
	}
</style>
<script>
    $(document).ready(function(){

    	var message = "registrationSuccess";

		$('#signup').on('click', function(){
			console.log($('#signup'));
			if(message == "registrationSuccess"){
				$('#signup').parent().addClass("tab").removeClass("active");
				$('#login').parent().addClass("active").removeClass("tab");
			}
		});
    });
</script>
	<ul class="tab-group" id="myTab"> 
		<li class="active">
			<a id="signup" href="#signup">Sign Up</a>
		</li> 
		<li class="tab">
			<a id="login" href="#login">Log In</a>
		</li>
	</ul>
</body>
</html>

＆＃13;

我已经对消息变量进行了硬编码，并将类active和tab创建为仅用于测试目的的颜色，将其替换为您的值，这应该可行。

尝试在选项卡上切换时获取未捕获的异常。 Tab不是一个功能

1 个答案: