정말 '경고'자바 스크립트가 내 페이지에서 실행되지 않는 이유를 이해할 수 없었습니다 ...자바 스크립트가 실행되지 않았습니까?
첫 번째 단계 메뉴를 클릭하면 두 번째 것은 잘 예상대로 표시되지만 더 이상 javascript는 표시되지 않습니다. 나는 경고를 표시하지 못했습니다.
이 간단한 페이지는 Jquery를 사용하여 클래스를 제거/추가하고 있습니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Hello world with jQuery</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript">
function displayStep2() {
$("#searchStep1").addClass("displayNone");
$("#searchStep2").removeClass("displayNone");
}
function displayStep3() {
alert('Hello, world!');step
}
</script>
</head>
<body>
<div id="searchContainer">
<div id="searchStep1">
<h2>Step1:</h2>
<ul id="searchList1">
<li id="search11" onclick="displayStep2()"><span>1.1</span></li>
<li id="search12" onclick="displayStep2"><span>1.2</span></li>
</ul>
</div>
<div id="searchStep2" class="displayNone">
<h2>Step2:</h2>
<ul id="searchList2">
<li id="search21" onclick="displayStep3"><span>2.1</span></li>
<li id="search22" onclick="displayStep3"><span>2.2</span></li>
<li id="search23" onclick="displayStep3"><span>2.3</span></li>
</ul>
</div>
<div id="searchStep3" class="displayNone">
<h2>Step3:</h2>
<ul id="searchList3">
<li id="search31" onclick=""><span>3.1</span></li>
<li id="search32" onclick=""><span>3.2</span></li>
</ul>
</div>
</div>
</body>
</html>
와 CSS :
.displayNone{
display: none
}
가 somone에 미친 될 날을 도울 수 있습니다 ... 여기
코드입니다?!
'onclick' 바운드 기능에 괄호를 추가해야하지만 실제로 [DOM0 이벤트] (http://en.wikipedia.org/wiki/DOM_events#DOM_Level_0)를 추출하고 대신 [바인딩 jQuery와 함께.] (http://api.jquery.com/click/) –
displayStep3 메서드 뒤에 대괄호를 넣으세요. displayStep3() – griegs