用JS选择图像后重新加载页面

Question

选择所有图像后，我需要重新加载页面。 我知道我的代码有误，但我不知道在哪里。 变量为Num。 我使用多个jquery库，HTML，CSS和JS。

档案：

    <link rel="stylesheet" type="text/css" href="layout.css"/>
    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jquery.event.drag-2.0.min.js"></script>
    <script type="text/javascript" src="jquery.event.drop-2.0.min.js"></script>
    <script type="text/javascript" src="colors.js"></script>

脚本：

$(document).ready(function($)
    {
    var num=0;  


    $('.move')
        .click(function(){
                $( this ).toggleClass("selected");
            })

        .drag("init",function(){
          if ( $( this ).is('.selected') ){
                 if (num == 5){
                    alert ("Warning.");
                    window.location.reload();
                }
          num++;
                return $('.selected');

                }
            })

          .drag(function( ev, dd ){
               $( this ).css({
                    top: dd.offsetY,
                    left: dd.offsetX
               });


           });


    });

HTML：

<h1>Hi</h1>

<div class="move" style="left:300px;"></div>
<div class="move" style="left:450px;"></div>
<div class="move" style="left:600px;"></div>
<div class="move" style="left:750px;"></div>
<div class="move" style="left:900px;"></div>

这是页面视图： 在此处输入链接描述

Answer 1

我认为这是您想要的：

$('.posun').click(function(){
    $( this ).toggleClass("vybrate");
    if($('.vybrate').length === 5){
        window.location.reload()
    }
})

$('.vybrate').length === 5只是简单地检查类.vybrate是否有5个元素。 如果有，那么我们知道每个人都已被选中，因此我们刷新页面。