Question

我为游戏制作了以下脚本：

 $(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);
         }
     });
 });

现在我想要做的是来显示HTML消息而不是浏览器警报。但我无法通过脚本的警报部分来计算如何更改它，至少不会出现错误。

...添加$( "#message2" ).dialog();， TypeError ...对话框不是函数

HTML消息：

<div id="message2" title="">
  <p>Congratulations! You have completed the challenge.</p>
</div>

在我的<head>中添加以下脚本：

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

感谢任何帮助。

Answer 1

你应该包括jquery ui和jquery。对话框是jquery ui的功能

http://jqueryui.com/

Answer 2

而不是：
警告（“恭喜！你已经完成了挑战。”）;

$( "#message2" ).html('  <div class="sulgeja"><a href="#" class="close">Sulge</a></div>
<p>Congratulations! You have completed the challenge.</p>');

Answer 3

jQuery-UI对话框不是您列出的四个jquery.ui脚本的一部分。我要么只是下载完整的jQuery-ui库，要么使用他们的Download Builder

创建一个自定义版本

显示HTML而不是浏览器警报

3 个答案: