弹框里面有分页,点击分页弹框外部刷新
时间: 2023-08-04 09:02:35 浏览: 51
可以通过以下步骤实现:
1. 在分页的 HTML 中给每个分页按钮添加一个点击事件,用来向后台请求数据并将数据渲染到弹框中。
2. 在弹框外部的 JavaScript 中通过 jQuery 或者原生 JavaScript 给分页按钮添加一个点击事件,用来刷新页面内容。
3. 在分页按钮的点击事件中,除了请求数据并渲染到弹框中之外,还需要触发分页按钮在弹框外部的点击事件,可以使用以下代码实现:
```javascript
// 获取分页按钮
var pageButton = $('.page-button');
// 给分页按钮添加点击事件
pageButton.click(function() {
// 请求数据并渲染到弹框中
requestDataAndRender();
// 触发分页按钮在弹框外部的点击事件
window.parent.document.getElementById('page-button').click();
});
```
4. 在弹框外部的 JavaScript 中,给分页按钮添加一个 ID,用来在分页按钮的点击事件中触发点击事件,可以使用以下代码实现:
```html
<!-- 在弹框外部的 HTML 中 -->
<button id="page-button" style="display: none;"></button>
<!-- 在弹框外部的 JavaScript 中 -->
$('#page-button').click(function() {
// 刷新页面内容
refreshPageContent();
});
```
这样就可以实现点击分页按钮后,同时请求数据并渲染到弹框中,同时刷新弹框外部的页面内容。