단추에 아이콘을 추가하려고 시도했지만 작동하지 않는 것 같습니다.jQuery 단추 문제에 아이콘 추가
JS
$(document).ready(function(){
$("button, input:submit, input:reset, input:button", "#customer_wrapper").button();
$("#save_customer").button({
icons: {primary: 'ui-icon-disk'}
});
});
HTML
<button name="save_customer" id="save_customer" value="Save" />Save</button>
첫 번째 버튼에는 아이콘을 표시하지 않고있는 아이콘 및 텍스트 번째 인라인 아니다. 아이콘을 추가하는 가장 좋은 방법은 무엇입니까?
감사 업데이트]
는 그것의
확인 부분은 버튼 태그를 폐쇄하지 않는 내 잘못이다. 다음 줄에 텍스트가있는 아이콘을로드합니다. 브라우저에서
HTML
<button id="save_customer" name="save_customer" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button" aria-disabled="false">
<span class="ui-button-icon-primary ui-icon ui-icon-disk"> </span>
<span class="ui-button-text">Save</span>
</button>
CSS 기본적으로
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
동일한 ID를 가진 두 개의 요소가 없어야합니다. 또한 .ui-icon-disk CSS 클래스는 어떤 모습입니까? –
@optus - 브라우저의 CSS 및 HTML 출력으로 내 게시물을 업데이트했습니다. – tomitank