2011-10-10 82 views
3

我有一个Asp.Net按钮和我正在申请一抖主题我的按钮,它的申请,但在鼠标悬停它不会改变颜色。将jQuery UI主题Asp.net按钮

下面是我在做什么?可能是我错了,任何人都可以指导我这是我能够通过使用

<button>Click Me!</button> 

这是我如何用Asp工作与正常的HTML按钮的工作。网络按钮:

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

jQuery用户界面的按钮不以'输入型工作=“提交”'或'输入类型=“按钮”',只有语义'button'元素。如果您只想应用样式,可以使用'ends-in'选择器来引用ASP.NET元素:'$('input [id $ =“Button1”]')' –

+0

感谢您的回复和我已经通过简单添加脚本标签(#btnSample).button改变;而在代码视图我已经打消了我的CssClass,改变它的并得到了正常使用 – coder

回答

0

反正我找到了答案,在这里是我一直没有和运作良好!

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

代码显示:

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

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

所以不是

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

使用

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

编辑:

顺便说一句,你不应该手动添加任何的jQuery UI类的按钮(你的例子看起来像这就是你在做什么)。这是全部由.js文件进行包含jQuery UI的

+0

感谢您的答复。 。实际上我还是无法通过你的答案以及我在剧本已更改为$(“MyButtonStyle”)按钮获得;还有我有同样的问题 – coder

+0

我得到它的工作,并改变了代码,将发布答案。很快。 – coder

+1

*如果*您需要在选择器中使用ASP控件的id,请执行以下操作:$('[id $ = myButtonIDGoesHere]') – Dan

0

尝试设置按钮财产

ClientIDMode="Static" 

然后

0

人及其简单,只需添加以下,它会工作得很好:

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