當按特定順序放置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」彈出按鈕

回答

相關問題