2011-11-17 100 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

相關問題