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>

以下是该页面的视图： enter link description here

Answer 1

我认为这就是你想要的：

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

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

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

1 个答案: