javascript - 未为我的简单按钮show-div javascript定义的功能

标签 javascript jquery html

有什么意见吗?当用户按下按钮时,最初隐藏的div必须显示在页面上。

<!DOCTYPE html>
    <html>
    <head>

    <style>
        div {
        display: none;
        }
    </style>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
        function show() {
                $("div").toggle();
        }
    </script>

    </head>


    <body>
    <p>Animals are cute!</p>
    <div><p>Some text gonna blow up some pixels!</p></div>
    <button onclick="show()">Click</button>

    </body>

    </html>


控制台中确切写入的错误:

ReferenceError: show is not defined[Learn More

最佳答案

将内联脚本移到其自己的标签中。您不能在同一标记中使用外部脚本和内联脚本。

所以:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
function show() {
    $("div").toggle();
}
</script>

关于javascript - 未为我的简单按钮show-div javascript定义的功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42514488/

相关文章:

javascript - 如何仅在 jquery on() 函数不存在时设置它?

javascript - jQuery + 正则表达式替换文本区域内的 href 和 src 值

html - 如何在多表环境中使用全局 CSS 覆盖表布局?

javascript - Ajax 在循环中成功设置全局变量

javascript - 如何在 Angular JS 中每 5 秒重新加载一次网格?

javascript - 如何正确加载 jQuery 到 WordPress

javascript - 如何通过javascript动态添加新按钮

javascript - 单选按钮 OnChange 事件未触发 - BootStrap3

javascript - 日历功能不会触发

html - 在 Sublime-text 2 上自定义代码完成