Javascript 添加自定义确认消息框，jQuery高亮显示粗体字体不起作用

我知道Alert和Confirm无法设置样式，所以我环顾四周，找到了一个如何定制自己的示例。然而，我在网上找到的例子是有效的，但我无法让它在我的应用程序中工作。该函数如下所示：

$(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>

而包含消息的div如下所示：

$(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>

您的文件已成功下载到“我的下载”文件夹中。


当前使用了36%的存储空间。

问题是打印到我的页面和div中的消息不能作为对话框读取。

---

我错过了什么

给你一个解决方案

$（函数（）{
$（“#对话框消息”）.dialog({
莫代尔：是的，
按钮：{
Ok：函数（）{
$（此）.dialog（“关闭”）；
}
}
});
});


您的文件已成功下载到“我的下载”文件夹中。


当前使用了36%的存储空间。

这个很好用

您需要java脚本中的代码

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

});

您必须确保将这3个文件导入页面

//Jquery
//Jquery用户界面

//jQueryUICSS
您是否包含了添加
showModalDialog（）
方法的任何库？检查ConsoleEyes中的错误我添加了库它不起作用，因为我在asp.net webform中使用了它。您可以检查浏览器网络面板上的
jQueryUI
库文件是否正在加载吗？是的，它们是jQueryUI正在加载，但正如我写的，我正在asp.net webform中实现它，我需要以某种方式将我拥有的div嵌入到javascript方法中，以便在加载页面时加载它。当我在一个简单的html文件中实现时，解决方案是有效的，但当它位于ASP项目中时就不起作用了