如何通過使用$（document）.ready函數

Question

在用戶登錄時無法擴展具有內容的div，而不需要任何click函數來擴展div，文檔加載時應該自動擴展它。使用jQueryanimate方法，但我無法做到這一點

$(function(){ 
    $("#wish_card").animate({ 
     height: "200px" 
    }); 
}); 

Answer 1

您需要使用jQuery提供$(document).ready()方法。無論何時頁面被加載，這將啓動animate方法。

$(document).ready(function(){ 
    $("#wish_card").animate({ 
     height: "200px" 
    }); 
}); 

演示：JsBin

Answer 2

$(window).load(function() { 
     $("#wish_card").animate({ height: "200px" }); 
    }); 

Answer 3

可能，這將是非常有用的給你

我們通常使用

$("document").ready(function() { 
 
    // The DOM is ready! 
 
    // The rest of the code goes here 
 
    });

而且較短的版本是

$(function() { 
 
    // The DOM is ready! 
 
    // The rest of the code goes here 
 
    });

，這是最後的最佳實踐

(function($, window, document) { 
 

 
    // The $ is now locally scoped 
 

 
    // Listen for the jQuery ready event on the document 
 
    $(function() { 
 

 
    // The DOM is ready! 
 

 
    }); 
 

 
    // The rest of the code goes here! 
 

 
    }(window.jQuery, window, document)); 
 
    // The global jQuery object is passed as a parameter

Answer 4

嘗試了這一點：

$(function(){$("#wish_card").animate({ height: "200px" })(); 

供您參考：

Edited demo Fiddle