将Jquery UI主题应用于Asp.net按钮
我有一个Asp.Net按钮,我正在将flick主题应用于我的按钮,它正在应用于它,但在鼠标悬停时,它不会改变颜色 以下是我正在做的事情?可能是我错了,有谁能指导我通过这个,因为我能够使用正常的html按钮通过使用将Jquery UI主题应用于Asp.net按钮,jquery,asp.net,jquery-ui,Jquery,Asp.net,Jquery Ui,我有一个Asp.Net按钮,我正在将flick主题应用于我的按钮,它正在应用于它,但在鼠标悬停时,它不会改变颜色 以下是我正在做的事情?可能是我错了,有谁能指导我通过这个,因为我能够使用正常的html按钮通过使用 <button>Click Me!</button> 点击我! 以下是我使用Asp.net按钮的方式: <asp:Button ID="Button1" runat="server" Text="Click Me!" CssClass="ui-butt
<button>Click Me!</button>
点击我!
以下是我使用Asp.net按钮的方式:
<asp:Button ID="Button1" runat="server" Text="Click Me!" CssClass="ui-button ui-state-default"/>
在ASP.NET中,ID get已转换,因此您无法将其作为选择器传递。您可以使用类来代替 所以不是
$('#Button1').button();
使用
编辑:
顺便说一句,您不应该手动向按钮添加任何jQueryUI类(您的示例看起来就是这样做的)。这都是由jquery ui附带的.js文件完成的,不管怎样,我找到了答案,下面是我所做的,并且工作得很好
<script type="text/javascript">
$('#btnSample').button();
</script>
$('btnSample')。按钮();
用于显示的代码:
<asp:Button ID="btnSample" runat="server" Text="Click Me!"/>
尝试将按钮属性设置为
ClientIDMode="Static"
然后这很简单,只要添加以下内容,它就会很好地工作:
$(function () {
$("input[type=submit]").button();
});
谢谢你的回复,实际上我还是没能看懂你的答案,我已经把我的脚本改成了$('MyButtonStyle')。button;但我仍然有同样的问题。我已经让它工作并更改了代码,很快就会发布答案。如果您需要在ASP控件的选择器中使用id,请执行以下操作:$(“[id$=MyButtonIdGoesher]”)jQuery UI的按钮不适用于
input type=“submit”
或input type=“button”
,只有语义按钮元素。如果您只想应用样式,可以使用“ends in”选择器引用ASP.NET元素:$(“input[id$=”Button1“])
谢谢您的回复,我只需添加一个脚本标记(#btnSample)。按钮;在代码视图中,我删除了我的CssClass并将其更改为
$(function () {
$("input[type=submit]").button();
});