通过jQuery添加的绝对定位对象未正确定位!
我正在使用jQuery动态地将一些lis添加到无序列表中。在每个li上使用样式参数绝对定位它们,但是当它们添加到页面时,它们的位置不正确,即使我使用Firebug或Chrome的元素检查器检查它们时,所有的值都是正确的 还要注意,lis使用的是jQuery可拖动和可调整大小的类 你可以在这里看到: 这是将lis从xml文件添加到页面的脚本通过jQuery添加的绝对定位对象未正确定位!,jquery,dynamic,css-position,Jquery,Dynamic,Css Position,我正在使用jQuery动态地将一些lis添加到无序列表中。在每个li上使用样式参数绝对定位它们,但是当它们添加到页面时,它们的位置不正确,即使我使用Firebug或Chrome的元素检查器检查它们时,所有的值都是正确的 还要注意,lis使用的是jQuery可拖动和可调整大小的类 你可以在这里看到: 这是将lis从xml文件添加到页面的脚本 //load saved board var savedBoard = getParameterByName("open");
//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:
XML:
好的,我发现它没有正确显示,因为jqueryui.resizeable类是position:relative;我只是将其设置为位置:绝对;一切都很好。我认为您需要发布一些JQuery和HTML来获得帮助。
<ul id="other" class="ui-widget-header">
<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&key=bOJhv6ljQ0aq&url=http:%2F%2Fwww.cancerpartnersuk.org" alt=""></media>