분할 단추 목록 뷰에서 동적으로 변경되는 데이터 테마 문제

Question

데이터 테마를 변경하여 분할 단추 목록보기의 색상 견본을 동적으로 변경하려면 개요 in this thread을 따르려고합니다. 흥미롭게도이 스키마는 자바 스크립트에 경고문을 넣을 때 작동하지만 경고를받을 때 제대로 작동하지 않습니다. http://jsbin.com/ifodij/4/

경고없이 : 경고와

• : http://jsbin.com/ifodij/3/ (오프를 전환하기 전에 두 개의 버튼을 전환하려고)

어떤 제안 이유에 관해서는 여기

은 샘플입니다 무슨 일이 벌어지고 있을까? 감사.

Answer 1

나는 그 원인을 확신하지 못합니다. 그러나 이것은 내가 당신이하고있는 것을 재 작성하는 것입니다 (문제를 해결하는 것으로 보입니다) :

먼저 HTML에서 인라인 자바 스크립트 (onclick="toggleChecked('2', 'TR02')")를 제거하십시오.

다음으로, 다음과 같은 자바 스크립트로 toggleChecked() 기능을 대체 :

$(document).ready(function(){ 
    $('a[id^="star"]').on("click", function(){ 

     if ($(this).data("theme") == "d") { 
     $(this).buttonMarkup({ theme: 'e' }).button(); 
     } else { 
     $(this).buttonMarkup({ theme: 'd' }).button(); 
     } 
    }); 
}); 

위는 star로 시작하는 id 어떤 앵커를 클릭하면 확인 할 이벤트 리스너입니다.

버튼을 새로 고침하는 것이 약간 버그가있는 것처럼 보입니다. 버튼을 재구성해도 이전 테마의 클래스가 돌아 다니는 경우가 많습니다.

---

UPDATE 실제로는 선택 버튼을 달성 같은 복잡한 방법으로 같아, 상기 스크랩. 왜 그냥 다음 jQuery를 가이드로 위를 사용하여 CSS를 변경 인라인 스타일을 제거하고 사용하지 : http://jsbin.com/ifodij/8/edit

Answer 2

불행하게도 위의 허용 대답은 나를 위해 일을 didnot : 여기

$(document).ready(function(){ 
    $('a[id^="star"]').on("click",function(){ 
     $(this).toggleClass("ui-btn-pressed"); 
    }); 
}); 

는 jsbin입니다 스플릿 아이콘 테마를 변경하려면 내 문제 양식을 해결했습니다 here $(this).find('span.ui-btn').buttonMarkup({ theme: 'b' });