Javascript not executed?

Javascript not executed?

本文关键字：executed not Javascript      更新时间：2023-09-26

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

有没有人可以帮助我不要变得疯狂…?!

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

相关文章：