Jquery Internet Explorer 8的布局/Javascript问题
我正在使用FacebookAsyncJavaScript加载程序加载新的JSSDK（all.JS）。我想通过AJAX加载一组html，然后解析结果。毫不奇怪，它在Firefox和Chrome中工作得很好，但是IE破坏了结果，一个配置文件pic似乎被设置为浮动在其他字段上，我还有另外三个div（status content、status txt、msgft），其中包含一个数据库中的内容，我甚至不知道它们要去哪里。我有XHTML严格的doctype和FBML xmlns。请注意，只有在调用FB.XFBML.parse后才会出现此问题。这就是它的意思 以下是示例代码：Jquery Internet Explorer 8的布局/Javascript问题,jquery,ajax,facebook,internet-explorer-8,Jquery,Ajax,Facebook,Internet Explorer 8,我正在使用FacebookAsyncJavaScript加载程序加载新的JSSDK（all.JS）。我想通过AJAX加载一组html，然后解析结果。毫不奇怪，它在Firefox和Chrome中工作得很好，但是IE破坏了结果，一个配置文件pic似乎被设置为浮动在其他字段上，我还有另外三个div（status content、status txt、msgft），其中包含一个数据库中的内容，我甚至不知道它们要去哪里。我有XHTML严格的doctype和FBML xmlns。请注意，只有在调用FB.XF
<!DOCTYPE html>
<html xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body>
<div id="statuses" style="width: 600px;"></div>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
window.fbAsyncInit = function() {
$(document).ready(function() {
if ($('#statuses').length) {
$.get('doc1.html', function(data) {
$('#statuses').append(data);
FB.XFBML.parse(document.getElementById('statuses'));
});
}
});
};
</script>
</body>
</html>
LOG: BEFORE APPEND: <div class="status" style="border-bottom: 1px solid #ccc; padding: 4px;"><div class="pic" style="float: left; background-color: #fff; height: 50px; width: 50px;"><fb:profile-pic uid="4" size="square" /></div><div class="status-content" style="float:left; margin-left: 10px; width: 445px;"><div class="status-txt" style="padding: 5px;"><span><fb:name uid="4" useyou="false" firstnameonly="true" /></span> asf</div><div class="msgft" style="padding: 5px;">1 day ago - <a href="#">1 Comment</a></div></div><div style="clear: both;"></div></div>
LOG: AFTER APPEND: <DIV style="WIDTH: 445px; FLOAT: left; MARGIN-LEFT: 10px" class=status-content>
<DIV style="PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px" class=status-txt><SPAN><?xml:namespace prefix = fb /><fb:name uid="4" firstnameonly="true" useyou="false"></fb:name></SPAN>asf</DIV>
<DIV style="PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px" class=msgft>1 day ago - <A href="#">1 Comment</A></DIV></DIV>
<DIV style="CLEAR: both"></DIV>
LOG:BEFORE APPEND:asf1前一天-
日志：追加后：
asf
1天前-
我会看看是否能为你们提供一个实时链接，但在此之前有什么建议吗？事情总是很简单。。。我使用的是FBML格式（无结束标记），而不是XFBML标记，因此修复程序将添加：
</fb:profile-pic>
事情总是很简单。。。我使用的是FBML格式（无结束标记），而不是XFBML标记，因此修复程序将添加：
</fb:profile-pic>
</fb:profile-pic>