如图所示，修改和删除点击事件无法进行，如何解决？(语言-javascript)

Question

此处为HTML代码

此处为JS代码

结果显示无法进行点击事件

此问题可能对于大家非常简单，但是本人刚进行对计算机的学习，希望大家可以帮忙看看这个简单的问题

Answer 1

引自免费微信小程序：皆我百晓生

根据您提供的信息，您在JavaScript项目中创建了一个页面用于展示宿舍信息，并且为每个宿舍条目添加了修改和删除按钮。但是现在点击事件似乎没有生效，无法正常执行相关功能。

首先，请确认您已经在HTML中为修改和删除按钮绑定了相应的点击事件。从代码片段中可以看出，"修改"和"删除"按钮是在循环里动态生成的，因此需要使用事件委托来绑定点击事件。以下是针对“修改”和“删除”按钮分别进行事件委托的示例：

$(document).on('click', '.btn-primary', function() {
    var id = $(this).parent().find('span:eq(0)').text(); // 获取当前宿舍ID
    up(id);
});

$(document).on('click', '.btn-danger', function() {
    var id = $(this).parent().find('span:eq(0)').text(); // 获取当前宿舍ID
    d(id);
});

将上述代码块放在selectDorm()函数之后即可。这样当点击"修改"或"删除"按钮时，会触发对应的up(id)和d(id)函数，从而实现删除和修改功能。

另外，请确保jQuery库已正确加载，且相关的AJAX请求URL无误。同时检查服务器端路由是否能正确接收并处理这些请求，如/dormd、/dormselect 和 /dormup等路由。

如果问题依然存在，请检查浏览器控制台是否有错误提示，这有助于进一步定位问题所在。