버튼을 jQuery UI 아이콘으로 변환 하시겠습니까?

jQuery UI에서 제공하는 아이콘으로버튼을 jQuery UI 아이콘으로 변환 하시겠습니까?

<%= button_to "+1", video_votes_path(:video_id => video.id, :type => "up"), :remote => true %>

를 어떻게 바꿀 수 있습니까?

나는 그것에 클래스를 추가하려고 :

<%= button_to "+1", video_votes_path(:video_id => video.id, :type => "up"), :class => 'ui-icon-triangle-1-n', :remote => true %>

하지만 이것은 여전히 그 안에 +1이 이상한 찾고 버튼을 만듭니다.

이 코드를 내 application.js 파일에 넣습니다.

$('input:submit, input:reset').each(function(){ 
     $(this).replaceWith('<button type="' + $(this).attr('type') + '">' + $(this).val() + '</button>'); 
    }); 

    $('button:submit').button({ 
     icons: { 
     secondary: 'ui-icon-triangle-1-n' 
     } 
    });

출처

2011-03-20 Justin Meltzer

URL이있는 아이콘? 아니면 그냥 아이콘? – JohnP

jQuery UI의 아이콘 일뿐입니다. –

버튼의 트리거를 이미지로 변환하고 싶다고 가정합니다. RoR을 모르지만, 생성 된 HTML을보고 JQ로 잡아 보는 것이 어떻겠습니까? – JohnP

button_to 실제로 폼 내부에 입력 요소를 생성합니다. jQuery UI는 submit 및 reset 유형의 입력 만 지원하므로 생성 된 마크 업이 해당 카테고리에 속하는지 확인하십시오.

실제 솔루션의 경우 입력을 버튼 태그로 변환 해 볼 수 있습니다. this을보십시오.

출처

2011-03-20 05:38:08

나는 이것을 시도하고 변환 코드가 작동하지만 아이콘을 표시 할 수 없다. 대신 jQuery 스타일링의 무작위 버튼이 나타난다. 왜 이런거야? 나는 모든 것을 포함하는지 확인하기 위해 두 번 체크했다 ... –

아이콘을'submit'과'reset' 버튼에 할당하는 코드 부분을 포함 시켰습니까? –

네, 질문 내용을보고 application.js 파일에 무엇을 넣었는지 확인하십시오/ –

버튼을 jQuery UI 아이콘으로 변환 하시겠습니까?

답변

관련 문제