从后面的代码调用slideToggle jquery

时间:2013-05-17 20:43:46

标签: c# jquery asp.net

当点击锚“show_hide”时,我正在使用jquery来滑动div“slidingDiv”。我想知道我是否可以在页面加载时显示div打开。因为我在div中有文本框,并且有时在加载页面时想要一些文本。

$(document).ready(function()
{
    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').click(function()
    {
        $(".slidingDiv").slideToggle();
    });
});

我怎样才能使用c#,asp.net ..

谢谢!

3 个答案:

答案 0 :(得分:0)

无需在后面的代码中调用它。

只需在DOM加载时展开div。您已经拥有document ready function

$(document).ready(function() {
     $(".slidingDiv").show();
});

作为进一步说明,当加载页面时,上面的函数将执行$(document).ready内的代码。然后,jQuery将选择附加slidingDiv的所有类并显示它们。

JS小提琴:

http://jsfiddle.net/kcWyT/

答案 1 :(得分:0)

如果您想在页面加载时调用代码中的函数,可以尝试:

Page.ClientScript.RegisterStartupScript(this.GetType(),"My function","MyFunction()",true);

有关详细信息,请参阅here

答案 2 :(得分:0)

试试这个:

Page.ClientScript.RegisterStartupScript(GetType(), "ScriptName", $(".slidingDiv").hide(); $(".show_hide").show(); $('.show_hide').click(function() { $(".slidingDiv").slideToggle(); });});", true);

该函数是c#并注册将在页面的init处调用的脚本。

我个人更喜欢jQuery,但它确实有用。

问候,