2011-01-19 5 views
3

아무도 도와주세요. 버튼에 이미지를 추가하는 방법은 무엇입니까? 다음 코드를 사용하여 버튼을 만듭니다. "새로 고침"대신 이미지를 표시하고 싶습니다. 이것을 할 수 있습니까? 미리 감사드립니다. 버튼에 이미지 추가

<div data-role="button" data-iconpos="right" id="searchResultRefresh" data-icon="refresh"> 
refresh </div> 

답변

3

당신은이 문서에 관심이 :

http://jquerymobile.com/demos/1.0a2/#docs/buttons/buttons-icons.html

사용자 정의 아이콘이 하단에 언급되어있다. 기존의 ui-icon-sth 클래스 중 하나를 사용하고 아이콘 파일의 끝을 참조하도록 오프셋을 변경 한 다음 많이 재사용하려면 아이콘을 추가하십시오.

복사하지 않으면 단지 복사 한 CSS의 이미지 링크를 변경하고 배경 위치 정의를 제거하십시오.

+0

안녕하세요 .. 고맙습니다 ... 나는 다음 코드를 사용하여 아이콘 만 표시했습니다. 하지만 여전히 "Delete"이라는 텍스트가있는 단추가 나타납니다. – Finder

+3

안녕하세요. 도움에 감사드립니다. 잘 작동합니다. jquery1.4.4.js를 사용해야합니다. 그렇지 않으면 버튼이 텍스트로만 표시됩니다. 전에 jquery1.4.3.js를 사용했습니다. – Finder

+0

알아두면 좋은 정보. 언급을위한 Thakns. – naugtur

1

이것은 버튼이 아니며, div 요소입니다.

이미지와 버튼을 사용하려면, 같은 HTML을 가지고 :

<button type="button"><img src="Refresh.gif" /></button> 
+1

jquery mobile에서 div는 버튼입니다. – naugtur

관련 문제