2011-10-10 8 views
3

Asp.Net 단추가 있고 단추에 제스추어 테마를 적용하고 있지만 적용 할 수 있지만 마우스를 가져 가면 색상이 변경되지 않습니다. 여기Asp.net 단추에 Jquery UI 테마 적용

내가 ASP를 함께 일하고 방법 이것은

<button>Click Me!</button> 

를 사용하여 일반 HTML 버튼으로 작업 할 수 있어요 나는이 사람이를 통해 나를 인도 할 수 잘못된 생각이 될 수 있습니까? 내가 뭐하는 거지입니다. net 버튼 :

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

jQuery UI의 버튼은'input type = "submit"또는'input type = "button"', 의미 론적'button' 요소에서만 작동하지 않습니다. 스타일 만 적용하려면 'ends-in'선택자를 사용하여 ASP.NET 요소를 참조 할 수 있습니다. $ ('input [id $ = "Button1"]') ' –

+0

답장을 보내 주셔서 감사합니다. 나는 스크립트 태그 (#btnSample) .button을 간단히 추가하여 변경했으며 코드 뷰에서 내 CssClass를 제거하고 coder

답변

0

과 함께 포함 된 .js 파일에 의해 수행됩니다. 어쨌든 나는 대답을 찾았으며 여기에 내가 한 일과 잘 된 것입니다! 표시

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

코드 :

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

ASP.NET에서 ID가 변환되어 선택기로 전달할 수 없습니다. 아마도 클래스를 대신 사용할 수 있습니다.

그래서 대신

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

편집이

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

사용 : BTW

, 수동 버튼에 어떤 JQuery와 - UI 클래스를 추가하지 않아야합니다 (예처럼 보인다 그게 당신이하고있는 일입니다.) 이 모든 작업은 jquery ui

+0

답장을 보내 주셔서 감사합니다. 그리고 실제로 여전히 나는 당신의 대답을 잘 이해할 수 없었습니다. 저는 스크립트에서 $ ('MyButtonStyle') 버튼으로 바뀌었고 여전히 동일한 문제가 있습니다. – coder

+0

나는 코드를 변경하고 대답을 게시 할 것입니다. 곧. – coder

+1

* ASP 컨트롤의 선택기에서 ID를 사용해야 할 경우 : $ ('[id $ = myButtonIDGoesHere]') – Dan

0

시도 버튼의 속성을 설정하려면 다음

ClientIDMode="Static" 

0

사람으로 쉬운, 그냥 다음을 추가하고 그냥 잘 작동합니다 :

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