ロード時にjQuery関数をトリガーする

Question

divをスライドさせて開いたり閉じたりするにはこのコードを使用します。問題はデフォルトにして開きます。

ページが読み込まれるとどのように開くのですか？

$(document).ready(function(){ 
    $('.slider').each(function() { 
       var current = $(this); 
       current.attr("box_h", current.height());});  
    $(".slider").css("height", sliderHeight); 
    $(".slider_menu").html('<a href="javascript:void(0)">More <img src="images/more_down.gif" border="0"></a>'); 
    $(".slider_menu a").click(function() { openSlider() });   
    openSlider(); // <---------here 
}); 

アニメーションなしで行うことができればあなただけ設定することができます。

Answer 1

ただ、ちょうどあなたにレディ機能を追加してくださいdocument.ready

$(document).ready(function(){ 
    $('.slider').each(function() { 
       var current = $(this); 
       current.attr("box_h", current.height());});  
    $(".slider").css("height", sliderHeight); 
    $(".slider_menu").html('<a href="javascript:void(0)">More <img src="images/more_down.gif" border="0"></a>'); 
    $(".slider_menu a").click(function() { openSlider() });  
    openSlider();  
}); 

Answer 2

をお試しくださいデフォルトのCSSを開いて開きます。

Answer 3

でopenSlider()を呼び出すwindow.onload = openSlider;

Answer 4

あなたは関数のopenSliderを$（document）.ready？で呼び出してみませんか？ハンドライベントをトリガ

$(".slider_menu a").click() 

を追加

Answer 5

$(".slider_menu a").click(function() { closeSlider() }) 

。 上記のようなopenSliderを呼び出すこともできますが、トリガの例を入力したので、将来はクリックが2通りの方法で使用できることを知っているかもしれません。

あなたのコードで動的にhtmlを変更するのは意味がありません。しかし、何らかの理由でこの解決策に固執したいのであれば、htmlを再作成する前に 'a'をアンバインドしてください。それ以外の場合は、メモリリークが発生する可能性があります。