将Jquery UI主题应用于Asp.net按钮

时间:2011-10-10 16:59:46

标签: jquery asp.net jquery-ui

我有一个Asp.Net按钮,我正在将轻弹主题应用于我的按钮,它正在应用于它,但在鼠标悬停时它不会改变颜色。

这是我在做什么?可能是我错了任何人都可以指导我完成这项工作,因为我可以使用普通的html按钮

<button>Click Me!</button>

这就是我使用Asp.net按钮的方式:

<asp:Button ID="Button1" runat="server" Text="Click Me!" CssClass="ui-button ui-state-default"/> 

4 个答案:

答案 0 :(得分:5)

在ASP.NET中,ID被转换,因此您无法将其作为选择器传递。你可以改用一个类。

所以而不是

$('#Button1').button();

使用

$('.MyButtonStyle').button();

编辑:

顺便说一句,你不应该手动将任何jquery-ui类添加到按钮中(你的例子就像你正在做的那样)。这都是由jquery ui

附带的.js文件完成的

答案 1 :(得分:0)

无论如何我找到了答案,这就是我所做的并且运作良好!

<script type="text/javascript">    
$('#btnSample').button();
</script>

显示代码:

 <asp:Button ID="btnSample" runat="server" Text="Click Me!"/>

答案 2 :(得分:0)

尝试将按钮属性设置为

ClientIDMode="Static"

然后

答案 3 :(得分:0)

man很简单,只需添加以下内容即可,它可以正常工作:

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