jquery.common_modal打开外部链接
时间: 2023-09-08 13:02:32 浏览: 100
使用jquery.common_modal打开外部链接,可以使用如下代码:
```javascript
// 获取打开外部链接的按钮
var openLinkBtn = $("#openLinkBtn");
// 绑定点击事件
openLinkBtn.on("click", function() {
// 打开外部链接
$.common_modal({
title: "打开外部链接",
content: "<p>正在打开链接,请稍后...</p>",
buttons: [
{
text: "关闭",
class: "btn-default",
close: true
}
],
onShow: function(modal) {
// 在模态框显示之后,延时一段时间后打开外部链接
setTimeout(function() {
window.open("https://www.example.com");
modal.close();
}, 2000);
}
});
});
```
上述代码首先获取了一个用于触发打开外部链接的按钮(id为openLinkBtn)。然后,绑定了按钮的点击事件。当按钮被点击时,会调用jquery.common_modal方法,创建一个模态框。模态框的标题为"打开外部链接",内容为一个显示"正在打开链接,请稍后..."的p标签。模态框只有一个"关闭"按钮。在模态框显示之后(通过onShow回调函数),延时2秒钟后会打开外部链接(这里使用window.open方法打开"https://www.example.com"链接),然后关闭模态框。
阅读全文