Jquerymobile 버튼은 페이지의 첫 번째 외관에만 표시됩니다.

Question

jquery 모바일 코드에 문제가 있습니다. 위의 코드를 사용하여 애플리케이션에 동적 HTML 코드를 추가하고 있습니다.

$("#tab3").click(function() { 
    $('#HaberIcerik').html(" <img src='img/izto_header.png' height=auto width=100% class='img2' > "); 
    $('#HaberIcerik').append(" <div class='zoomTab'><a href='#' data-role='button' class='plus'>+</a><a href='#' data-role='button' class='minus'>-</a></div>"); 
}); 

페이지가 처음로드 될 때 모든 것이 완벽하게 작동합니다. 그러나 메인 페이지로 이동하여 tab3 페이지를 다시 클릭하면 버튼 스타일이 아니라 링크로만 표시됩니다.

이 문제를 해결하는 데 도움을 줄 수 있습니까?

Answer 1

코드에서 단추의 스타일을 새로 고침하지 않습니다. 그래서, 당신은 더 많은 정보는 문서 참조하십시오 append()

$(document).on("click", "#tab3", function (e) { 
     e.preventDefault(); 
     $('#HaberIcerik').html("<img src='http://www.ndaccess.com/Sample/Images/Image1.jpg' height=auto width=100% class='img2' > "); 
     $('#HaberIcerik').append("<div class='zoomTab'><a href='#' data-role='button' class='plus'>+</a><a href='#' data-role='button' class='minus'>-</a></div>").promise().done(function() { 
      //wait till everything is appended 
      $(this).find("a").buttonMarkup("refresh"); 
     }); 
    }); 

후 추가해야합니다 : http://jsfiddle.net/hungerpain/cTdkN/

: http://api.jquerymobile.com/button/#method-refresh

그리고 여기하는 데모입니다