为啥我的jq执行不到？？？

[qq_40613940]

<td>
<button class="btn btn-sm btn-danger deleteBtn" th:attr="del_uri=@{'/userCRUD/' + ${user.id}}" >删除</button>
</td>

<form id="deleteEmpForm" method="post">
<input type="hidden" name="_method" value="delete"/>
</form>

<script type="javascript/text">
alert("dfdfdf");
$(".deleteBtn").click(function () {
alert("111222");
$("#deleteEmpForm").attr("action",$(this).attr("del_uri")).submit();
return false;
});
</script>


@DeleteMapping("userCRUD/{id}")
public String deleteEmployee(Integer id) {
userMapper.deleteById(id);
return "redirect:/users";
}



问题： 点击删除操作没法删除，其他功能都行（springboot、restful风格 ）

[qq_40613940]

帖！！！！！！！顶！！！！！！

[qq_40613940]

[囧]

jQuery有没正确引入? F12看下错误提示

[qq_40613940]

引用 3 楼 囧的回复:

jQuery有没正确引入? F12看下错误提示

😹firefox F12没用

[風灬雲]

你的数据是不是动态添加上去的。动态添加的dom节点必须添加的时候绑定事件

[qq_40613940]

引用 5 楼 風灬雲的回复:

你的数据是不是动态添加上去的。动态添加的dom节点必须添加的时候绑定事件

这是restful风格的，通过表单提交delete请求，(用的thymeleaf模板

[前端_小菜鸟]

首先,把点击事件里面的方法操作全部注释, 一步一步输出 看是否点击会执行, 可以执行完之后再进行请求操作

[qq_40613940]

对，就执行一次，怎么绑定事件阿

[qq_40613940]

引用 8 楼 Zelmira的回复:

检测一下jquery库是否引入正确，可以写简单的alert()语句来测试

还要引入库？我头那里啥也没引入

[¿?¿?]

看看引入jQuery文件了吗

[Zelmira]

要啊，jquery.js

[qq_40613940]

引用 13 楼 Zelmira的回复:

要啊，jquery.js

好吧。谢谢了，我回头试试

[Zelmira]

不客气⊙▽⊙可以去官网下载

[Zelmira]

为什么我的回复没有显示引用的啊？

[qq_40613940]

引用 16 楼 Zelmira的回复:

为什么我的回复没有显示引用的啊？

app不知道在哪里有。。我都找不到结贴的

[風灬雲]

引用 6 楼 qq_40613940 的回复:

[quote=引用 5 楼 風灬雲的回复:]你的数据是不是动态添加上去的。动态添加的dom节点必须添加的时候绑定事件

这是restful风格的，通过表单提交delete请求，(用的thymeleaf模板[/quote] 不管你什么风格，浏览器执行代码的逻辑难道还因为你代码风格变？

<script type="javascript/text">
    alert("dfdfdf");  // 结果是不是这里只执行了一次
    $(".deleteBtn").click(function () {
        alert("111222");
        $("#deleteEmpForm").attr("action",$(this).attr("del_uri")).submit();
        return false;
    });
</script>

JS代码在页面加载只会执行一次，那么你的事件绑定也只会执行一次，如果按钮是动态添加的，那么一开始代码执行的时候是没有按钮的；所以绑定不上，在添加完按钮之后需要马上进行一次事件绑定

[Zelmira]

检测一下jquery库是否引入正确，可以写简单的alert()语句来测试