jquery UI 동적 아이콘

버튼 세트가 있고 아이콘 대신 개별 아이콘을 설정하려고 시도 할 때 속성 및 일대일 기능을 사용하여 아이콘을 설정하려고합니다. 여기 내 버튼의 예입니다jquery UI 동적 아이콘

<button title="New Project" id="New" class="Nx button" type="document"></button>

여기에 내가 무엇을 달성하고자하는 일종의 :

$('.button').button({ 
    icons: { primary:'ui-icon-'+$(this).attr("type") }, 
    text:false 
});

하지만 작품을 나던. 그래서 꽤 많이 요소의 "type"속성에 대한 내부 참조를 갖고 아이콘을 설정할 수 있습니다.

출처

2012-08-24 hakim-sina

. 프로그래밍 방식으로 전환하더라도 클래스와 CSS를 전환하면 간단하게 처리 할 수 있습니다. – Nope

'this'는 윈도우를 참조하는 것으로 생각합니다. 왜냐하면 여러분이 바깥 쪽 범위에서 그것을 전달하기 때문에 윈도우 객체의 type 속성을 실제로 전달하기 때문입니다. '$ ('. button')과 같은 것을 시도해 보라. 각각 (function (i, btn) {var type = $ (btn) .attr ('type'); $ (btn) .button (...);}) ' – Stefan

다음은 내가 어떻게 할 것인지 데모입니다. 아래 코드도 제공했습니다. 네가 필요한 것이 있으면 알려줘.

CODE :

$(document).ready(function(){ 
    $("button").each(function(index,element){ 
     $(element).button({ 
      icons: { 
       primary: "ui-icon-" + $(this).attr('type') 
      }, 
       text:false 
      }) 
    }); 
});

DEMO : 당신은 아이콘을 가리 키도록`url`s을 사용하여에 아이콘을 지정하는 CSS 스타일을 사용할 수 http://jsfiddle.net/sZdd8/11/

출처

2012-08-25 00:48:46 Dom

jquery UI 동적 아이콘

답변

관련 문제