Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将Jquery UI主题应用于Asp.net按钮_Jquery_Asp.net_Jquery Ui - Fatal编程技术网

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

将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

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

以下是我正在做的事情?可能是我错了,有谁能指导我通过这个,因为我能够使用正常的html按钮通过使用

<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();
    });