드롭 다운 메뉴가있는 jquery UI 아이콘 버튼의 모든 예

Question

내가 첨부 한 이미지처럼 visuel 효과를 구현하고 싶습니다. 나는 jquery UI를 사용하고 누군가가 전에 그렇게 했음에 틀림 없다고 생각한다. 그래서 거기에 누군가 저에게 몇 가지 예를 보여 줄 수 있습니까?

JQUERY UI 버튼 http://jqueryui.com/demos/button/icons.html로하지만 더 explaination 없다.

Answer 1

해당 옵션 내에서 기본 및 보조를 모두 정의하는 icons 옵션을 사용하십시오. 당신이 볼 수있는 페이지의 소스 코드에서

:

.button({ 
    icons: { 
     primary: "ui-icon-gear", 
     secondary: "ui-icon-triangle-1-s" 
    }, 
    text: false 
}); 

참고 버튼 내부에 텍스트가 표시되지 않습니다 있도록 text: false 옵션을 선택합니다. 그러나 <button> 태그 안에 텍스트를 넣어야합니다. 그렇지 않으면 올바른 높이가되지 않습니다. <button>&nbsp;</button> 잘 작동합니다.