절대 위치 지정 객체가 jQuery를 통해 추가되면 올바르게 배치되지 않습니다!

Question

jquery를 사용하여 정렬되지 않은 목록에 동적으로 li을 추가하고 있습니다. 그것들은 절대적으로 (각각 li에 style 매개 변수를 사용하여) 배치되지만, 페이지에 추가 될 때 Firebug 또는 Chrome의 요소 검사기로 검사 할 때도 올바른 위치에 있지 않습니다. 모든 값이 올바른 것입니다.

또한 li은 jQuery 드래그 및 크기 조정 가능 클래스를 사용합니다.

당신은 여기에서 볼 수있다 : 이것은 (XML 파일) 페이지에 li들 추가하는 스크립트입니다 http://bit.ly/5HfegZ

//load saved board 
     var savedBoard = getParameterByName("open"); 
     if (savedBoard != ""){ 

     $.ajax({ 
        type: "GET", 
        url: "saved/" + savedBoard + ".xml", 
        dataType: "xml", 
        success: function(xml) { 

         $(xml).find('item').each(function() { 
          var openTag = $(this).find('openTag').text(); 
         openTag = openTag.replace(/%3C/g, "<"); 
         openTag = openTag.replace(/%2F/g, "/"); 
         openTag = openTag.replace(/%3E/g, ">"); 
          var media = $(this).find('media').text(); 
         media = media.replace(/%3C/g, "<"); 
         media = media.replace(/%2F/g, "/"); 
         media = media.replace(/%3E/g, ">"); 

          $('#other').append(openTag + "<div class='inners'>" + media + "</div><div class='boxMenu'><img class='star' src='img/gold_star.gif' alt='Favorite' /><img class='delete' src='img/minus.gif' alt='Delete'/><p></p></div></li>"); 
          $("li", "#other").draggable(); 
          $("li", "#other").resizable({ transparent: true, handles: 'all' }); 
          menustuff(); 
          checkColour(); 
         }); 

        } 
       }); 

     } 

HTML :

<ul id="other" class="ui-widget-header"> 

XML :

<item n="0"> 
<openTag>%3Cli runat='server' title='0' class='ui-widget-content' style='z-index:16;width:250px;height:150px;top:187 px;left:135px;'%3E</openTag> 
<media>%3Cimg class="imaged" src="http:%2F%2Fimages.websnapr.com%2F?size=s&amp;key=bOJhv6ljQ0aq&amp;url=http:%2F%2Fwww.cancerpartnersuk.org" alt=""&gt;</media> 

Answer 1

확인 내가 jQuery를 ui.resizable 클래스가 position: relative; 난 그냥 position: absolute;로 설정하고 모든 다시 잘이었다 있기 때문에 제대로 표시 wasent 것을 알아 냈다.