显示HTML而不是浏览器警报

Lan*_*kea 0 html javascript jquery jquery-ui

我有一个游戏的以下脚本:

 $(function() {
     $("#sortable").sortable({
         opacity: 0.6,
         cursor: 'move',
         update: function() {
             var winningString = "g01,g02,g03,g04,g05,g06,g07,g08,g09,g010,g011,g012,g013,g014,g015,g016";
             var currentString = '';
             $('#sortable li').each(function() {
                 var imageId = $(this).attr("id");
                 currentString += imageId.replace("recordArr_", "") + ",";
             });
             currentString = currentString.substr(0, (currentString.length) - 1);
             if (currentString == winningString) {
                 alert("Congratulations! You have completed the challenge.");
             }
             console.log(currentString);
         }
     });
 });
Run Code Online (Sandbox Code Playgroud)

现在我想要做的是显示HTML消息而不是浏览器警报.但我无法想象如何使用脚本的警报部分更改它,至少不会出现错误.

...添加$( "#message2" ).dialog();给出TypeError ...对话框不是一个函数

HTML消息:

<div id="message2" title="">
  <p>Congratulations! You have completed the challenge.</p>
</div>
Run Code Online (Sandbox Code Playgroud)

在我的脚本中有以下脚本<head>:

  • jquery.ui.core.js
  • jquery.ui.widget.js
  • jquery.ui.mouse.js
  • jquery.ui.sortable.js

感谢任何帮助.

Vic*_*cky 5

你应该包括jquery ui和jquery.Dialog是jquery ui的功能

http://jqueryui.com/