通過jQuery添加的絕對定位對象未正確定位！

我使用jQuery動態添加一些li到無序列表。他們被絕對定位（每li使用style參數），但是當他們被添加到頁面時，他們不在正確的位置，即使當我用Firebug或Chrome的元素檢查器檢查它們時，所有的值都是正確的。通過jQuery添加的絕對定位對象未正確定位！

另請注意，li正在使用jQuery可拖動和可調整大小的類。

，你可以在這裏看到：http://bit.ly/5HfegZ

這是增加了li s到的頁面（從XML文件）腳本

//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>

來源

2009-11-30 NathanJamal

我想你將需要發佈一些你的JQuery和HTML來獲得一些幫助。 – CAbbott 2009-11-30 21:52:08

好吧，我發現它wasent正確顯示，因爲jQuery的ui.resizable類是position: relative;我剛剛成立，爲position: absolute;，一切都恢復了健康。

來源

2009-12-13 15:06:27 NathanJamal

通過jQuery添加的絕對定位對象未正確定位！

回答

相關問題