2012-01-28 41 views
0

嗨,我是jquery和iam tryiing現在是新來的, 我canot使它適用於所有的div在瀏覽器更新上不斷變化,而不僅僅是4 div。 我想在我的網站上給餐館做廣告,我希望每次有人前來以不同的順序顯示餐廳 我確信這是一些東西,但如果你不知道它似乎非常困難! 任何幫助它將是太棒了,先進的謝謝你。我需要隨機顯示所有div

它是下面的代碼 「表示隨機-的div-使用-jquery的」 至極i。在這個鏈路發現 Showing random divs using Jquery

$(document).ready(function() { 
$(".Image").hide(); 
var elements = $(".Image"); 
var elementCount = elements.size(); 
var elementsToShow = 4; 
var alreadyChoosen = ","; 
var i = 0; 
while (i < elementsToShow) { 
    var rand = Math.floor(Math.random() * elementCount); 
    if (alreadyChoosen.indexOf("," + rand + ",") < 0) { 
     alreadyChoosen += rand + ","; 
     elements.eq(rand).show(); 
     ++i; 
    } 
} 

});

回答

0

這是你正在嘗試做什麼?很明顯,HTML只是與代碼相關的部分,你需要包含jQuery等。

的Javascript

$(document).ready(function() { 
    $(".Image").hide(); 
    var elements = $(".Image"); 
    var elementCount = elements.size(); 
    var elementsToShow = 4; 
    var alreadyChoosen = ","; 
    var i = 0; 
    while (i < elementsToShow) { 
     var rand = Math.floor(Math.random() * elementCount); 
     if (alreadyChoosen.indexOf("," + rand + ",") < 0) { 
      alreadyChoosen += rand + ","; 
      elements.eq(rand).show().appendTo($("#container")); 
      ++i; 
     } 
    } 

HTML

<div id="container"></div> 
<div class="Image">1</div> 
<div class="Image">2</div> 
<div class="Image">3</div> 
<div class="Image">4</div>