2012-11-14 6 views
0

이 문제는 온라인에서 살펴 보았지만 대답을 찾지 못하는 것 같습니다. 내 문제를 완전히 설명해 드리겠습니다.동적으로 추가 된 콘텐츠 스타일 지정

동적으로 내용을 <ul>에 추가하려고하고 올바르게 서식을 지정하려고합니다. 내가에 삽입하고있어 이것이다 :

<ul data-role="listview" id="localStoresUL" data-autodividers="true" data-divider-theme="d"> 
</ul> 

내가 목록 다른 곳 즉, 클릭 항목 및 데이터로드이 최대가 있고, 내가 뭐하는 거지 그 다음 코드 :

$("#localStores").click(function() { 
    Customer.getLocalStores(13, 12, function(stores){ 
     for(var i = 0; i < stores.length; i++){ 
      $("#localStoresUL").append('<li class="store" id="' + stores[i].id + '"><a data-transition="slide" data-filter="false">' + stores[i].fullname + '</a></li>'); 
     } 
    }); 
}); 

이제 사용자가 처음 링크를 클릭하면 그 링크는 모두 <ul>으로 채워집니다. 사용자가 버튼을이를 다시 클릭 한 다음 내용을 동적으로로드합니다 (<ul> 채울해야하는) 다시 이전 <li>를 클릭 할 때

<a href="#" class="ui-btn-left back" data-rel="back" data-icon="back" data-add-back-btn="true" >Back</a> 

그리고 있지만 :하지만이 코드를 사용하여 페이지에 다시 버튼이 전혀 포맷되지 않았습니다. 왜 이런 일이 일어나는지 모르겠습니다. 이 문제가 타당한가? 누구든지 문제를 해결하는 방법에 대한 조언이 있습니까?

+0

"이 문제가 의미가 있습니까?"아니요. 나는 어느 브라우저에서 그 문제에 직면 해 있습니까? – feeela

답변

1

이유가 확실하지 않습니다. 그렇게해서는 안됩니다.

목록보기에서 .refresh() (으)로 전화해야합니다.

1

일반적으로 콘텐츠는로드되었지만 서식이 지정되지 않은 경우 CSS에 문제가있는 것입니다. 로드 된 요소를 방화범 뚜껑으로 검사하고 어떤 클래스가 있고 스타일 규칙이 적용되는지 확인하십시오. 그런 다음 관련 CSS 선택기가 해당 요소와 일치하는지 다시 확인하십시오.

관련 문제