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

Question

我有一个Asp.Net按钮，并且我正在将闪烁主题应用于我的按钮，它适用于它，但在鼠标悬停时它不会改变颜色。

这是我正在做的事情？也许我错了，有人能指导我吗？因为我能够使用普通的html按钮工作。

<button>Click Me!</button>

这���我使用Asp.net按钮的方法：

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

- coder

---

jQuery UI的按钮不支持input type="submit"或input type="button"，只支持语义化的button元素。如果你只想应用样式，可以使用“以...结尾”的选择器来引用ASP.NET元素：$('input[id$="Button1"]')。 - Joseph Yaduvanshi

感谢您的回复，我已经通过简单地添加一个脚本标签（#btnSample）。button;在代码视图中，我已经删除了我的CssClass并将其更改为<asp：button ID =“btnSample”> </ asp：button>，现在它完美地工作了。 - coder

Answer 1

在ASP.NET中，ID会被转换，因此您无法将其作为选择器传递。您可以使用类代替。所以，不是使用：

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

使用

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

编辑：

顺便提一下，您不应手动向按钮添加任何jquery-ui类（您的示例看起来就是这样做的）。这是由与jquery ui一起包含的.js文件完成的。

- Darcy

---

谢谢您的回复，实际上我仍无法很好地理解您的答案。我已经在我的脚本中进行了更改，变成了$('MyButtonStyle').button; 但是我仍然遇到了同样的问题。 - coder

我已经让它正常工作并更改了代码，很快会发布答案。 - coder

如果您需要在 ASP 控件的选择器中使用 id，请执行以下操作：$（'[id $ = myButtonIDGoesHere]'） - Dan

Answer 2

无论如何，我找到了答案，以下是我所做的，并且运作正常！

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

显示代码：

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

- coder

Answer 3

这很简单，只需添加以下内容即可正常工作：

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

- Hamzah Alzahrani

Answer 4

尝试将按钮属性设置为：

ClientIDMode="Static"

然后

- Agrawars