当按特定顺序放置div时，弹出“jquery”弹出按钮

-5

我需要制作一个益智游戏，告诉你你赢了。我已经用“可排序”来解决难题，现在我正试图弄清楚如何在完成时显示警报消息。当按特定顺序放置div时，弹出“jquery”弹出按钮

这是我到目前为止有：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/smoothness/jquery-ui.css" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script> 

<style> 
    #puzzle { 
     width: 1250px; 
     height: 403px; 
     border-style: solid; 
     border-color: red; 
    } 

    #div1 { 
     float: left; 
    } 
</style> 

<script> 
    $(function(){ 
     $('#puzzle').sortable(); 
     }); 
</script>

来源

2014-07-23 Дмитрий Гордиенко

太棒了！什么是审判？你有什么？ – Jai

did not get u，please explain with your code –

'if（youAreDone）{alert（“Message”）; }' – Regent

这应该做的伎俩：http://jsfiddle.net/VRHQv/1/。我会概述它在做什么如下：

$(document).ready(function() { 

    var pieces, 
     puzzle = '', 
     correct = '13254'; 

    $('#test').on('click', check_game); 

    function check_game() { 
     pieces = $('.piece'); 
     puzzle = ''; 

     $(pieces).each(function() { 
      puzzle += $(this).text(); 
     }); 

     if (puzzle === correct) game_won(); 
    } 

    function game_won() { 
     alert('Winner'); 
    } 

});

当你点击按钮，它运行check_game函数。这将循环所有部分，将它们组合成一个字符串，并将它们与顶部设置的正确变量进行比较。如果它们匹配，它将运行game_won函数并提醒'Winner'。您可以从完整的事件jQuery sortable中运行check_game函数。

来源

2014-07-23 11:47:28 trysmudford

所以你需要在html中添加一个按钮？然后在“correct =''”中写下顺序？ –

你不需要在html中添加按钮，这就是我如何触发它。如果您查看[jQuery UI文档]（http://api.jqueryui.com/sortable/#event-update）的Sortable，您应该可以挂钩更新事件并在每次用户运行check_game函数时完成丢弃箱子。是的，用正确的拼图顺序更新正确的变量。 – trysmudford

当按特定顺序放置div时，弹出“jquery”弹出按钮

回答

相关问题