添加自定义确认消息框，jQuery以突出显示粗体字体不起作用

问题描述：

我知道Alert和Confirm无法设置样式，因此我环顾四周，找到了一个如何自定义自定义的示例。然而，我发现的例子可以在网上找到，但是我无法在我的应用程序中使用它。函数看起来象下面这样：添加自定义确认消息框，jQuery以突出显示粗体字体不起作用

$(function() { 
    $("#dialog-message").showModalDialog({ 
    modal: true, 
    buttons: { 
     Ok: function() { 
     $(this).dialog("close"); 
     } 
    } 
    }); 
});

虽然包含消息股利的样子如下：

<div id="dialog-message" title="Download complete"> 
    <p> 
    <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span> 
    Your files have downloaded successfully into the My Downloads folder. 
    </p> 
    <p> 
    Currently using <b>36% of your storage space</b>. 
    </p> 
</div>

该邮件打印出来到我的网页的问题和股利不读的对话框框。我错过了什么？

你有没有在库中添加'showModalDialog（）'方法？检查控制台中的错误 –

是的，我没有添加库 – Mindan

答

在这里，你去了一个解决方案https://jsfiddle.net/jbzgvzxk/

$(function() { 
 
    $("#dialog-message").dialog({ 
 
    modal: true, 
 
    buttons: { 
 
     Ok: function() { 
 
     $(this).dialog("close"); 
 
     } 
 
    } 
 
    }); 
 
});

<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<div id="dialog-message" title="Download complete"> 
 
    <p> 
 
    <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span> 
 
    Your files have downloaded successfully into the My Downloads folder. 
 
    </p> 
 
    <p> 
 
    Currently using <b>36% of your storage space</b>. 
 
    </p> 
 
</div>

我假设你正在使用jQueryUI。而不是showModalDialog，它应该是dialog。

来源：https://jqueryui.com/dialog/#modal-confirmation

请检查库&它在连接解决方案，以及顺序。

希望这会帮助你。

它不起作用，因为我在一个asp.net中使用这个.net webform – Mindan

你可以检查你的浏览器网络面板是否加载'jQueryUI'库文件吗？ – Shiladitya

是的，他们是jQueryUI正在加载，但正如我写的我在一个ASP .NET webform中实现它，我需要以某种方式嵌入我的javascript的方法，所以它加载时页面加载。 – Mindan

答

这一个是工作的罚款

你需要在Java脚本的代码

$(document).ready(function(){ 
$("#dialog-message").dialog({ 
    dialogClass: "no-close", 
    buttons: [ 
    { 
     text: "OK", 
     click: function() { 
     $(this).dialog("close"); 
     } 
    } 
    ] 
}); 

});

您必须确保这3个文件导入到网页

https://code.jquery.com/jquery-1.11.3.js // jQuery的
https://code.jquery.com/ui/jquery-ui-git.js // Jquery UI
https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css // jquery ui CSS

添加自定义确认消息框，jQuery以突出显示粗体字体不起作用

相关推荐