c# - 从代码隐藏调用slideToggle jquery

Question

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

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

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

我如何使用 c#、asp.net 来做到这一点。

谢谢！

Answer 1

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

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

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

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

JS小提琴：

http://jsfiddle.net/kcWyT/

Answer 2

如果您想在页面加载后从您的代码中调用一个函数，您可以尝试：

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

有关更多详细信息，请参见此处。

Answer 3

尝试这个：

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

该函数是 c# 并注册了一个将在页面初始化时调用的脚本。

我个人更喜欢 jQuery，但它确实有效。

问候，