jQuery 和 LinkButtons，或常规按钮和 CSS答案

【问题标题】：jQuery and LinkButtons, or Regular Buttons and CSSjQuery 和 LinkButtons，或常规按钮和 CSS
【发布时间】：2011-03-21 21:53:30
【问题描述】：

我的母版页上有一个小的登录控件。在登录控件上，我使用 LinkButton 作为提交按钮，因为我喜欢它的外观。

但是，我还使用 jQuery 来捕获在任何登录控件文本框中按下“回车”键的时间。在每个浏览器中都很难用 jQuery 触发链接按钮的点击事件。我什至尝试过硬编码 __doPostBack，但 LinkButton ID 与控件的内置 href="__doPostBack" 属性中的内容略有不同。它没有响应 .trigger()、click() 等。

另一方面，常规的 Button 控件可以很好地使用 jQuery click()。但我不太喜欢按钮的外观，而且我的 CSS 技能有限。有没有一种简单的方法可以将普通的 ASP.NET 按钮控件设置为看起来像一个链接？或者有没有一种简单的方法可以使 LinkButton 与 jQuery 一起工作？我会选择需要较少努力的任何方法。 :)

提前致谢。

【问题讨论】：

标签： asp.net jquery css controls postback

【解决方案1】：

您可以使用ClientScriptManager 获取 LinkButton 触发的确切 JavaScript：

string postbackFunction = this.Page.ScriptManager.GetPostBackEventReference(myLinkButton, "");

string jQueryBlock = @"$('#loginbox').keypress(function(e){
    if(e.which == 13) {" + postbackFunction + ";}});

//print the jQueryBlock to the page

它会输出一个看起来像这样的 JS 函数调用：

__doPostBack('linkButtonID','', 0);

【讨论】：

感谢您的回复。我能够通过检索 href 属性并删除 'javascript:' 前缀来获取 javascript。问题是客户端 ID 类似于 ct_100_linkButtonSubmit，而回发脚本是 __doPostBack('ct_100_link%button%submit','')。里面有多余的字符。一旦我将javascript存储在一个变量中，我可以调用它吗？当使用 .click() 事件更容易且更一致时，我不确定是否要解析字符串。
更新：我刚刚解析了字符串并从中获取了 ID。当我使用嵌入在 href 属性中的 ID 时，回发响应很好。再次感谢您的帮助。

【解决方案2】：

当然，用 CSS 设置 <input type="submit"> 和 <button> 元素的样式不是问题：

input.button,
button {   
    margin: 0;
    padding: 0;   

    color: blue;
    background: none;
    border: 0;   

    cursor: pointer;
}

您可以看到它的外观here。

需要注意的一点是，按钮样式并不总是始终如一地跨浏览器应用。 Here's a post 显示在不同浏览器和操作系统中呈现的差异。换句话说，请确保您的目标浏览器正确应用上述内容。

【讨论】：