2014-09-08 4 views
0

JQuery UI가 설정된 HTML 페이지를 사용하여 만든 버튼에 "South Arrow"를 표시하려고합니다. 다음과 같이 내 HTML을 가지고 : 나는 페이지의 내 스크립트에 다음을 추가 한HTML 버튼에 "South Arrow"아이콘을 표시 할 수 없습니다.

<button id="AccountListButton"class="btn accountLister" style="margin-left: -4px" data-bind="jqAutoCombo: 'AccountList'">...</button> 

(오른쪽 내 녹아웃 applyBindings 후 : 아무리 내가 무엇을

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

, 내가 가진 전부는이다 와 스타일 버튼을 부트 스트랩 ...보기에. 내가 잘못 뭐하는 거지?

나는 JQuery UI Button Icons not displaying의 제안을 시도했지만 여전히 운이

+0

일반적 JQuery와 UI가 사용하는 화상을 "화상"이라고 서브 폴더에 있어야한다. 따라서 jquery.ui가 경로 : /Scripts/jquery.ui에 있으면, 이미지는/Scripts/Images /에 있어야합니다. 경로를 확인하고 불만이 있는지 확인하십시오. – DinoMyte

+0

테마에 CSS를 포함 시켰습니까? '$ (function() {'호출 뒤에'$ (". accountLister") ...} 코드를 놓았습니까? – DevlshOne

+0

테마에 번들을 설정하고 MVC5 앱에서이 작업을하고 있습니다. NuGet 패키지를 사용하여 JQueryUI를 프로젝트에 추가합니다. 모든 항목은 "~/Content/themes/base/...."에 있습니다. 기본 폴더 아래에 images 폴더가 있는데, 이미지를 StyleBundle에 추가해야합니까? JQueryUI CSS를 사용하려면? – SpaceCowboy74

답변

0

확실히 자바 스크립트 화장실을하지 말라 이 같은 매수가 ..

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

JSFiddle

+0

코드 복사/붙여 넣기. 작동하지 않았습니다. – SpaceCowboy74

관련 문제