Question

如何将jQueryUI样式应用于asp：Button。问题出在这里：jqueryUI按钮要求您具有以下格式<button>Test button</button>

当我尝试使用asp按钮服务器控件<asp:Button />时，asp：Button呈现为<input type=button>Test button </input>

更新：我获得了jquery提供的标准按钮样式。但是，当我想要创建一个工具栏时，就像在这个例子中：http://jqueryui.com/demos/button/#toolbar，标准的asp：Button让我失望....或者我可能错过了一些东西。提前谢谢，

Sashidhar Kokku

Answer 1

您可以将jQuery UI按钮应用于许多不同的HTML元素：＆lt; a＆gt;，＆lt; input type =“button”＆gt;等等。

$(function() {
    $("input[type=button]").button();
});

这会将页面上的所有＆lt; asp：Button＆gt;转换为jQuery UI按钮。

Answer 2

jQuery UI按钮小部件is capable of transforming以下按钮类型：

<input type="button" />
<input type="submit" />
<button></button>

由于<asp:Button>控件呈现第一种类型的HTML，您可以在母版页中包含以下内容，以将jQuery转换应用于所有ASP.NET按钮：

$("input[type=button]").button();

你也应该 $("input[type=submit]").button(); 处理提交按钮。

Answer 3

执行此操作：将以下内容添加到初始化函数中：

$(function () {
        //Converting asp buttons to html buttons
        $('input:submit, input:reset').each(function () {
            $(this).replaceWith('<button type="submit" name="' + $(this).attr('name') + '" class="' + $(this).attr('class') + '" id="' + $(this).attr('id') + '" >' + $(this).val() + '</button>');
        });

  //Adding button icons .....
  $(".createbutton").button({
     icons: { primary: "ui-icon-circle-plus" } 
   });

Answer 4

您可以为ASP.NET按钮指定一个样式，然后使用该样式作为选择器来选择性地（赦免双关语）应用jQuery按钮。例如，如果在要修改的按钮上设置属性CssClass =“special”，则可以在页面中放置以下jQuery：

$(function() {
    $(".special").button();
});

希望有所帮助。

Answer 5

我非常确定jQuery UI可以正常使用按钮输入，以及任何其他元素您只需选择所需的元素。

Answer 6

$(document).ready(function() {
$('#<%= Button1.UniqueID %>').click(function() {

    // do something
});

});

如何将jquery UI按钮应用于asp：Button

6 个答案: