javascript - 使用 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>

这是页面的 View : enter link description here

Answer 1

我想这就是你想要的:

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

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