$(document).ready(function () { $.ajax({ type: "get", url: "http://ziguan.webxun.com/api/v2/admin/getreport", headers: { "Access-Token": localStorage.token }, success: function (response) { response.data.list.forEach(element => { $(document).Toasts('create', { title: '提示消息', position: 'bottomRight', body: `您有1条记录`, }) }); } }); })给这段代码刷新完成后弹出的框添加点击事件
时间: 2024-02-14 12:33:41 浏览: 65
要给刷新完成后弹出的框添加点击事件,可以按照以下步骤进行操作:
1. 在 `$(document).Toasts` 方法的 `create` 参数中,通过 `data` 属性传递一个唯一的标识符,用于后面绑定点击事件时区分不同的 `toast`。
```javascript
$(document).Toasts('create', {
title: '提示消息',
position: 'bottomRight',
body: '您有1条记录',
// 通过 data 属性传递标识符
data: {
id: 1
}
});
```
2. 在点击事件处理函数中,获取点击的 `toast` 的标识符,并根据标识符进行相应的操作。
```javascript
$(document).on('click', '.toast', function() {
// 获取点击的 toast 的标识符
var id = $(this).data('id');
// 根据标识符进行相应的操作
console.log('点击了 toast,标识符为:' + id);
});
```
完整代码如下:
```javascript
$(document).ready(function() {
$.ajax({
type: "get",
url: "http://ziguan.webxun.com/api/v2/admin/getreport",
headers: {
"Access-Token": localStorage.token
},
success: function(response) {
response.data.list.forEach(element => {
$(document).Toasts('create', {
title: '提示消息',
position: 'bottomRight',
body: '您有1条记录',
// 通过 data 属性传递标识符
data: {
id: element.id
}
})
});
}
});
$(document).on('click', '.toast', function() {
// 获取点击的 toast 的标识符
var id = $(this).data('id');
// 根据标识符进行相应的操作
console.log('点击了 toast,标识符为:' + id);
});
});
```
阅读全文