1.动态生成内容时要注意ID重复的问题,特别是JS事件响应无结果不报错时,现在越来越发现报错还是好的,啥都不显示还不报错真的慌
2.jQuery获取ID中含有部分字符的方法:例,匹配 id 中有 . 的元素。
$("[id*='.']")
3.今天要完成的一个任务是点击删除按钮后弹出提示框是否要删除此记录,点击确定跳转到删除的PHP页面再调回来显示已删除第几条记录。一开始用ID选择按钮,后来发现2的方法行不通,想了想发现不用ID,直接在按钮中动态添加onclick事件就好了
把每条新闻的ID通过参数传递进事件处理函数,js跳转页面的代码如下,一开始写的是“()”
真是太嫩了
![尴尬](https://static-blog.csdn.net/xheditor/xheditor_emot/default/awkward.gif)
![哭](https://static-blog.csdn.net/xheditor/xheditor_emot/default/cry.gif)
window.location.href=""
4.显示删除成功需要用到异步和toastr.js插件,找了一段代码以后学习
![吐舌头](https://static-blog.csdn.net/xheditor/xheditor_emot/default/tongue.gif)
1 //注册删除按钮的事件
2 $("#btn_delete").click(function () {
3 //取表格的选中行数据
4 var arrselections = $("#tb_departments").bootstrapTable('getSelections');
5 if (arrselections.length <= 0) {
6 toastr.warning('请选择有效数据');
7 return;
8 }
9
10 Ewin.confirm({ message: "确认要删除选择的数据吗?" }).on(function (e) {
11 if (!e) {
12 return;
13 }
14 $.ajax({
15 type: "post",
16 url: "/api/DepartmentApi/Delete",
17 data: { "": JSON.stringify(arrselections) },
18 success: function (data, status) {
19 if (status == "success") {
20 toastr.success('提交数据成功');
21 $("#tb_departments").bootstrapTable('refresh');
22 }
23 },
24 error: function () {
25 toastr.error('Error');
26 },
27 complete: function () {
28
29 }
30
31 });
32 });
33 });