-2

我真的不明白为什么我的页面上没有执行“警报”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   
}

有没有人能帮我不发疯……？！

4

1 回答 1

0

你必须写displayStep3();而不是displayStep3. 后者是没有函数调用。

于 2013-04-09T00:26:59.053 回答