从后台代码调用jquery

本文关键字：jquery 调用 代码 后台 | 更新日期: 2023-09-27 18:01:45

我需要做一个HyperLink闪烁(不幸的是客户要求)，所以我决定使用这个。

有人能指出我在正确的方向上如何调用这背后的代码(c#)?

到目前为止，我已经试过了:

private string script1 = "<script type='"text/javascript'" charset='"utf-8'" src='"javascripts/jquery.blink.min.js'"></script>";
private string script2 = "$('".selector'").blink();";
ScriptManager.RegisterClientScriptBlock(e.Item.FindControl("hlink"), e.Item.FindControl("hlink").GetType(),
                    "BlinkingScript", script1, false);
ScriptManager.RegisterStartupScript(e.Item.FindControl("hlink"),
                                                    e.Item.FindControl("hlink").GetType(),
                                                    "BlinkingScript", script2, false);

. .没用

从后台代码调用jquery

尝试混淆RegisterClientScriptBlock和RegisterStartupScript是痛苦的，完全没有必要，除非在一些极端的雷达边缘情况下。它不仅很难维护，而且很难理解。在这种情况下，简单、直接的方法会对你更有效。

在页面的<head>块中，添加以下内容:

<!-- Assuming that you've already got jQuery registered... -->
<script language="javascript" type="text/javascript" src="Scripts/jquery.blink.min.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        // Couple of notes here:
        // ".blinky" means that it will match anything with a CSS class of "blinky".  This can be anything, not just hyperlinks.
        // Also, I'm adding an optional object parameter to the blink() method that allows me to specify parameters that alter its behavior.
        // In this case, if I just called blink() it would only blink 3 times, but I'm overriding that to blink 5 times.
        $(".blinky").blink({blinks: 5});
    });
</script>

然后，在你的页面主体，添加CssClass="blinky"在你想要闪烁的超链接。

<asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="#" Text="Not Blinky Link" /><br />
<asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="#" Text="Not Blinky Link" /><br />
<asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="#" Text="Blinky Link" CssClass="blinky" /><br />
<asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="#" Text="Not Blinky Link" /><br />
<asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="#" Text="Blinky Link" CssClass="blinky" /><br />
<asp:HyperLink ID="HyperLink6" runat="server" NavigateUrl="#" Text="Blinky Link" CssClass="blinky" /><br />

你也可以使用asp:Repeater，代码隐藏等来构建你的超链接项目，只要你在你想要闪烁的项目上设置CssClass。

相关文章：