js 및 jquery로 작업하고 있습니다. 테스트중인 로그인 페이지가 있는데 로그인 버튼의 바인드에 문제가있는 것 같습니다. 크롬에서는 js 파일이로드되고있는 것을 볼 수 있지만 버튼을 클릭하면 페이지가 새로 고쳐집니다. 잘못된 정보를 입력하면 알림 섹션이 표시되거나 흔들리지 않으며 올바른 정보를 입력하면 기본 페이지로 리디렉션되지 않습니다.JS 단추, 바인드 함수가 작동하지 않습니다.
HTML :
<body>
<div id="content">
<section class="ui-widget ui-corner-all">
<header class="ui-widget-header ui-corner-top">
Test Login
</header>
<div class="ui-widget-content ui-corner-bottom">
<p class="ui-state-error">Uername/Password Incorrect.</p>
<form>
<div>
<label for="username">Username:</label>
<input id="username" type="text">
</div>
<div>
<label for="password">Password:</label>
<input id="password" type="password">
</div>
<div>
<input id="btnLogin" type="submit" value="Login">
</div>
</form>
</div>
</section>
</div>
<div class="ui-widget-overlay" style"z-index: 1002;"> </div>
</body>
JS : 여기 내 코드는
$(".ui-state-error").hide();
$("#btnLogin").button()
.bind ("click", function() {
if($("#username").val() != "test" && $("#password").val() != "test") {
$(".ui-state-error").show();
$("#login section").effect("shake", 150);
}
else {
document.location = 'index.html';
}
return false;
});
javacript 블록 –