时间戳

首页 > 解决方案 > jQuery文档就绪功能不起作用

javascript - jQuery文档就绪功能不起作用

问题描述

我正在处理一个有 5 个 div 的表单，为了保持表单尽可能干净整洁，我用“display: none”隐藏了其中的 4 个。

单击按钮（例如添加客户端）时，我希望用 js 显示下一个 div（最多 4 个），当单击另一个按钮（例如删除客户端）时，我希望最后显示的 div再次被隐藏。

JS：

<script>
    $(document).ready(function addClient() {/*mycode*/});

    $(document).ready(function removeClient() {/*mycode*/});
</script>

HTML：

<input id="kkBtnNewClient" type="button" value="New Client" class="kkButton" onclick="addClient()"/>

<input id="kkBtnRemoveClient" type="button" value="Remove Client" class="kkButton" onclick="removeClient()"/>

我试图在 / mycode / 部分中放置一个简单的警报，但我什至没有进入该部分。

标签： javascriptjquery

解决方案

当 ready 事件触发时调用ready()您传递给的值。

它不会创建从中调用函数的全局变量。

使用函数声明来做到这一点。更好的是，将事件处理程序与 JavaScript 绑定，并且根本不使用onclick属性。

$("#kkBtnNewClient").on("click", function addClient() {
  alert("add client");
});

$("#kkBtnRemoveClient").on("click", function removeClient() {
  alert("remove client");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input id="kkBtnNewClient" type="button" value="New Client" class="kkButton" />

<input id="kkBtnRemoveClient" type="button" value="Remove Client" class="kkButton" />

推荐阅读