Я действительно не мог понять, почему javascript не отображается на моей странице ...Javascript не выполнен?
При нажатии на меню первого шага второй отображается хорошо, как ожидалось, но с этого момента больше нет 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
}
ли Сомон может помочь мне не стать сумасшедшим ...?!
Вам нужно добавить круглые скобки к функциям, привязанным к onclick, но вы действительно должны просто вырвать эти [события DOM0] (http://en.wikipedia.org/wiki/DOM_events#DOM_Level_0) и вместо этого [привязать их с jQuery.] (http://api.jquery.com/click/) –
Попробуйте положить скобки после методов displayStep3, поэтому displayStep3() – griegs