在加载时触发jQuery函数

在加载时触发jQuery函数,jquery,Jquery,我有这段代码来让一个diva滑动打开和关闭,问题是我希望它默认打开 $(document).ready(function () { $('.slider').each(function () { var current = $(this); current.attr("box_h", current.height()); }); $(".slider").css("height", sliderHeight); $(".slider

我有这段代码来让一个diva滑动打开和关闭,问题是我希望它默认打开

$(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()
    });
});

function openSlider() {
    var open_height = $(".slider").attr("box_h") + "px";
    $(".slider").animate({
        "height": open_height
    }, {
        duration: "slow"
    });

    $(".slider_menu").html('<a href="javascript:void(0)">Close <img src="images/more_up.gif" border="0"></a>');
    $(".slider_menu a").click(function () {
        closeSlider()
    })
};

function closeSlider() {
    $(".slider").animate({
        "height": sliderHeight
    }, {
        duration: "slow"
    });

    $(".slider_menu").html('<a href="javascript:void(0)">More <img src="images/more_down.gif" border="0"></a>');
    $(".slider_menu a").click(function () {
        openSlider()
    })
};
$(文档).ready(函数(){
$('.slider')。每个(函数(){
var current=$(此);
current.attr(“box_h”,current.height());
});
$(“.slider”).css(“高度”,滑块高度);
$(“.slider_menu”).html(“”);
$(“.slider_menu a”)。单击(函数(){
openSlider()
});
});
函数openSlider(){
var open_height=$(“.slider”).attr(“box_h”)+“px”;
$(“.slider”).animate({
“高度”:开启高度
}, {
持续时间:“慢”
});
$(“.slider_menu”).html(“”);
$(“.slider_menu a”)。单击(函数(){
closeSlider()
})
};
函数closeSlider(){
$(“.slider”).animate({
“高度”:滑块高度
}, {
持续时间:“慢”
});
$(“.slider_menu”).html(“”);
$(“.slider_menu a”)。单击(函数(){
openSlider()
})
};

加载页面后,如何触发它打开?

尝试
window.onload=openSlider

尝试
window.onload=openSlider

只需在
文档中调用
openSlider()
。就绪

$(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();      
});
$(文档).ready(函数(){
$('.slider')。每个(函数(){
var current=$(此);
current.attr(“box_h”,current.height();});
$(“.slider”).css(“高度”,滑块高度);
$(“.slider_menu”).html(“”);
$(“.slider_菜单a”)。单击(函数(){openSlider()});
openSlider();
});
只需在
文档中调用
openSlider()
。就绪

$(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();      
});
$(文档).ready(函数(){
$('.slider')。每个(函数(){
var current=$(此);
current.attr(“box_h”,current.height();});
$(“.slider”).css(“高度”,滑块高度);
$(“.slider_menu”).html(“”);
$(“.slider_菜单a”)。单击(函数(){openSlider()});
openSlider();
});

只需将其添加到您的就绪功能中:

$(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
});
$(文档).ready(函数(){
$('.slider')。每个(函数(){
var current=$(此);
current.attr(“box_h”,current.height();});
$(“.slider”).css(“高度”,滑块高度);
$(“.slider_menu”).html(“”);
$(“.slider_菜单a”)。单击(函数(){openSlider()});

openSlider();//只需将其添加到就绪函数:

$(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
});
$(文档).ready(函数(){
$('.slider')。每个(函数(){
var current=$(此);
current.attr(“box_h”,current.height();});
$(“.slider”).css(“高度”,滑块高度);
$(“.slider_menu”).html(“”);
$(“.slider_菜单a”)。单击(函数(){openSlider()});

openSlider();//为什么不直接在$(文档)中调用函数openSlider。准备好了吗?

为什么不直接在$(文档)中调用函数openSlider。准备好了吗

这将添加处理程序

$(".slider_menu a").click()
这就触发了事件。 在你的情况下,你也可以像上面建议的那样调用openSlider,但我已经输入了触发器示例,这样你将来可能知道单击可以以两种方式使用

像您这样在您的代码中动态更改html是没有意义的。但是,如果您出于任何原因想坚持使用此解决方案,请在重新创建html之前先调用“a”上的unbind,否则可能会出现内存泄漏

这将添加处理程序

$(".slider_menu a").click()
这就触发了事件。 在你的情况下,你也可以像上面建议的那样调用openSlider,但我已经输入了触发器示例,这样你将来可能知道单击可以以两种方式使用


像您这样在您的代码中动态更改html是没有意义的。但是,如果您想出于任何原因坚持使用此解决方案,请在重新创建html之前先调用“a”上的unbind,否则可能会出现内存泄漏。

是否有您不使用的原因。slideToggle()而不是手工制作的openSlider和closeSlider?有没有理由不使用.slideToggle()代替手工制作的openSlider和closeSlider?