阅读量:0
在 jQuery Tree 中，处理节点删除确认可以通过以下几个步骤实现：
- 为删除操作添加一个事件监听器。
- 在事件监听器中，弹出一个确认对话框，询问用户是否确实要删除节点。
- 根据用户的确认或取消操作，执行相应的代码。
以下是一个简单的示例：
首先，确保已经在页面中引入了 jQuery 和 jQuery Tree 的相关库文件。然后，创建一个树形结构：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery Tree Example</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tree/1.0.0/jquery.tree.min.js"></script> </head> <body> <ul id="tree"> <li>Node 1 <ul> <li>Node 1.1</li> <li>Node 1.2</li> </ul> </li> <li>Node 2</li> </ul> <button id="deleteBtn">Delete Node 1.1</button> <script> $(function() { $("#tree").tree({ onClick: function(node) { if (node.children.length === 0) { $("#deleteBtn").attr("data-id", node.text); } } }); $("#deleteBtn").click(function() { var nodeId = $(this).data("id"); if (confirm("Are you sure you want to delete this node?")) { // 在这里执行删除节点的操作 console.log("Deleted node:", nodeId); } }); }); </script> </body> </html> 在这个示例中，我们首先创建了一个简单的树形结构。然后，为删除按钮添加了一个点击事件监听器。当用户点击删除按钮时，会弹出一个确认对话框。如果用户确认删除节点，我们可以在这里执行删除节点的操作。
