顯示隨機列表項，通過重新加載只有一個div

Question

我正在顯示單個<li>的頁面上工作。當按下按鈕時，頁面將重新加載並隨機顯示另一個<li>。我已經得到了具有以下實現這一點：

this.randomtip = function(){ 
    var length = $("#tips li").length; 
    var ran = Math.floor(Math.random()*length) + 1; 
    $("#tips li:nth-child(" + ran + ")").show(); 

和...

<a href="#" class="myButton" onClick="location.reload();"> 

當按鈕重新加載頁面的幾個要素跳，落回原位。我試過把這些元素固定在高度固定的div上。是否只能重新加載這一個div來避免跳躍？

Answer 1

而是重新加載頁面只是使用上的按鈕單擊事件隱藏的提示，並顯示一個隨機的：

$(function(){ 
    var $tips = $("#tips li"); 
    $('.myButton').click(function(){ 
     var rand = Math.floor(Math.random()*$tips.length); 
     $tips.hide().eq(rand).show(); 
     return false; 
    }).triggerHandler('click'); //Trigger event on page load 
}); 

這裏有一個