hide（）在我的網站上無法正常工作，但它在jfiddle上正常工作

我遇到問題。我複製了與我在頁面上完全相同的代碼，並且它在jsfiddle here上正常工作。當我將它粘貼到html/css/js時，此代碼不起作用。是否有任何理由發生？代碼有什麼問題？我確定這很簡單，但我無法弄清楚。提前感謝您的幫助。順便說一句：這裏是一個source code如果你需要一個。需要等待4秒鐘，因爲它會滑落。 X按鈕應該隱藏wholde div，但它不會。這是問題。hide（）在我的網站上無法正常工作，但它在jfiddle上正常工作

的代碼是在這裏：

 <div id="wrapper"> 
     <div id="cookies"> 
      <p>Leed City Wifi uses cookies. By continuing to browse the site you are agreeing to use our cookies: </p> 
      <a href="terms-cookies.html">Find out more</a> 
      <a href="#" id="close" > <img src="http://content.captive-portal.com/cookies/_images/close.png"/></a> 
     </div>   
</div>

和jQuery這裏：

$(document).ready(function(){ 
$('#wrapper').hide(); 
function delay() { 
    $('#wrapper').slideDown(500); 
} 
setTimeout(delay, 500); 
}); 

$(document).ready(function(){ 
$('#cookies').hide(); 
function delay() { 
    $('#cookies').slideDown(200); 
} 
setTimeout(delay, 4000); 
}); 


$("#close").click(function() { 
$("#cookies").slideUp(function() { 
    window.location.href = "#"; 
    }); 
});

的jsfiddle here。感謝您的時間提前

來源

2013-01-16 Piotr Ciszewski

你有jQuery的包含在你的''？ – ATOzTOA

@ATOzTOA是的，我確實有。這jQuery也使一個有生氣的向下動畫（這工作正常） –

你使用它的方式...將它更好地設置你的CSS顯示：無而不是使用.hide（）？ –

更改您的delay.js文件到本...

$(document).ready(function(){ 
    $('#wrapper').hide(); 
    $('#cookies').hide(); 

    setTimeout(function() { 
     $('#wrapper').slideDown(500); 
    }, 500); 

    setTimeout(function() { 
     $('#cookies').slideDown(200); 
    }, 4000); 

    $("#close").click(function() { 
     $("#cookies").slideUp(function() { 
      window.location.href = "#"; 
     }); 
    }); 
});

我已經把它們都放在一個document.ready塊，而不是多個，直接就把功能進入超時調用，並修復了關閉點擊處理程序的語法錯誤（您錯過了一些右括號）。

另外，需要在document.ready期間分配關閉的點擊處理程序，而以前它不是。這就是爲什麼它在jsFiddle上工作的原因，因爲默認使用onLoad。

來源

2013-01-16 11:35:57 Archer

heaaaah！作品，很棒，謝謝。你是明星 –

不用擔心隊友 - 很高興幫助:) – Archer

試試這個：

$(document).ready(function(){ 
    $('#wrapper').hide(); 

    function delay1() { 
     $('#wrapper').slideDown(500); 
    } 

    setTimeout(delay1, 500); 

    $('#cookies').hide(); 

    function delay2() { 
     $('#cookies').slideDown(200); 
    } 

    setTimeout(delay2, 4000); 

    $("#close").click(function() { 
     $("#cookies").slideUp(function() { 
      window.location.href = "#"; 
     }); 
    }); 
});

來源

2013-01-16 11:40:55 ATOzTOA

hide（）在我的網站上無法正常工作，但它在jfiddle上正常工作

回答

相關問題