gpt4 book ai didi

jquery - 向 jquery 模型添加关闭按钮(BlockUI)

转载 作者:行者123 更新时间:2023-12-03 22:52:01 26 4
gpt4 key购买 nike

我使用了以下可以正常工作的内容,但我需要一个关闭按钮而不是自动关闭,该怎么做? (我正在使用 jQuery BlockUI http://www.malsup.com/jquery/block/#demos )

 $(document).ready(function() { 
$('#app').click(function() {
$.blockUI({
theme: true,
title: 'Welcome to your page',
message: '<p>Please have a look..</p>',
timeout: 2000
});
});
});

最佳答案

我不知道你是否仍然对此感兴趣,但我一直在寻找它但找不到它,所以我不得不创建自己的解决方案。不过,您必须更新插件(jquery.blockUI.js),然后转到此行:

if ( opts.title ) {
s += '<div class="ui-widget-header ui-dialog-titlebar ui-corner-all blockTitle">'+(opts.title || '&nbsp;')+'</div>';

并将其替换为以下内容:

if ( opts.title ) {
s += '<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span id="ui-id-1" class="ui-dialog-title">' +(opts.title || '&nbsp;')+ '</span><button id="btnCloseBlockUI" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">close</span></button></div>';

这将向标题栏添加一个按钮。添加按钮单击处理程序:

//Unblocks the UI when clicking the close button
$("button#btnCloseBlockUI.ui-button").click(function () {
$.unblockUI();
});

您可以更奇特地添加一个额外的选项,例如 showCloseButtonUI 并仅在将其设置为 true 时才显示它。

关于jquery - 向 jquery 模型添加关闭按钮(BlockUI),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12530369/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com