Question

我真的不明白为什么'警报'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   
}

somone可以帮助我不要变得疯狂......？！

Answer 1

您必须写displayStep3();而不是displayStep3。后者不是函数调用。

Javascript没有执行？

1 个答案: