-2

私のページで「アラート」JavaScriptが実行されない理由が本当に理解できませんでした...

最初のステップ メニューをクリックすると、2 番目のメニューが期待どおりに表示されますが、この時点から 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   
}

気が狂わないように誰か助けてくれませんか...?!

4

1 に答える 1

0

displayStep3();の代わりに書く必要がありdisplayStep3ます。後者は関数呼び出しではありません。

于 2013-04-09T00:26:59.053 に答える