jq在同一个方法中,弹窗出现后续JS不再执行,弹窗关闭后续JS执行
时间: 2023-12-04 17:06:28 浏览: 27
你可以在一个方法中使用条件语句来判断是否弹出弹窗,并根据用户的选择来决定是否执行后续的JavaScript代码。
例如,你可以在点击一个按钮时,判断某个条件是否成立,如果成立则弹出弹窗,如果用户点击了确认按钮则执行后续的JavaScript代码,否则不执行后续代码。代码如下:
```html
<button id="myButton">点击我</button>
<script>
$(document).ready(function() {
$('#myButton').click(function() {
// 判断条件是否成立
if (someConditionIsTrue) {
// 弹出弹窗
if (confirm('确定要执行这个操作吗?')) {
// 用户点击了确认按钮,执行后续的 JavaScript 代码
doSomething();
} else {
// 用户点击了取消按钮,不执行后续的 JavaScript 代码
return false;
}
} else {
// 条件不成立,直接执行后续的 JavaScript 代码
doSomething();
}
});
});
function doSomething() {
// 后续的 JavaScript 代码
}
</script>
```
在上面的代码中,我使用了`someConditionIsTrue`来代表某个条件是否成立。如果条件成立,则弹出确认框,否则直接执行后续的JavaScript代码。如果用户点击了确认按钮,则执行`doSomething()`函数;如果用户点击了取消按钮,则不执行后续的JavaScript代码。