2011-11-17 73 views
0

我需要在选择完所有图像后重新加载页面。我知道我在代码中有一个错误,但我不知道在哪里。 变量是Num。 我使用了多个jQuery库,HTML,CSS和JS。使用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

+1

'我需要在标记所有图像后重新加载页面。什么标记? /谁是马克? – PeeHaa

+1

具体。你有什么问题?将一堆代码转储到您的帖子中并说“不起作用”不是很有帮助。 – maxedison

+1

你也以一种奇怪的方式启动你的脚本:'$(document).ready(function($){'应该简单地是'$(document).ready(function(){'或者甚至更好(不是更好但更短而我很懒:))'$(function(){' – PeeHaa

回答

0

我认为这是你想要什么:

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

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

+0

谢谢你,你太棒了。 – user1006959

相关问题