我已经看到了一些帖子(假设立即附加),其中有相互矛盾的接受答案.我们正在使用JQuery 1.4(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js),而append()似乎是异步的,这样:
编辑以在AJAX回调的上下文中显示代码
...
var message = $.ajax({
type: "GET",
url: "/getVolumes/" + _Id,
async: false
}).responseText;
if (parseInt(message) != 0){
var $results = $(message);
$MAIN_DIV.append($results);
retrieveTargets();
}
...
function retrieveTargets(){
var $targets = $(".resultTargets");
}
按预期执行并创建页面,但目标查询在运行时不产生任何内容.在JS控制台中运行相同的代码会按预期检索元素.
如果这是JQuery中的预期行为,那么等待追加完成的正确方法是什么？
IE(7和8)是否存在已知问题,其中jquery .load()无法正常运行？我的CSS没有加载到页面上.这是我的代码:
这是正在加载的文件(show_profile.php):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" script="text/css" href="profile.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<body>
<div id="tabs"><div id="cd" class="tab_active">Contact Details</div>
</div>
</body>
</html>
这是profile.css的代码
#tabs {
color:white;
font-family:Verdana;
font-size:14px;
}
#cd{
position:absolute;
left:0px;
top:0px;
background-color:#3172A6;
}
.tab {
position:absolute;
top:0px;
}
.tab_active {
position:absolute;
top:0px;
}
在独立查看文件show_profile.php时,包括CSS在内的所有内容都没问题,但是当我使用.load()时它就无法正常工作
请帮忙 :(
在IE上异步加载twitter小部件时遇到一个奇怪的问题.它加载得很好,但由于某种原因不适用于IE(7,8,9)上的任何样式(颜色,背景为空白/默认).
以标准方式加载脚本也适用于IE.
代码看起来像这样,适用于所有浏览器(包括IE,但没有样式)
<div id="twitter_div"></div>
<script>
jQuery(window).load(function () {
jQuery('<link rel="stylesheet" type="text/css" href="http://widgets.twimg.com/j/2/widget.css" >').appendTo("head");
jQuery.getScript('http://widgets.twimg.com/j/2/widget.js', function () {
var twitter = new TWTR.Widget({
id: 'twitter_div',
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 'auto',
height: 300,
theme: {
shell: {
background: '#add459',
color: '#382638'
},
tweets: {
background: '#ffffff',
color: '#141114',
links: '#4aed05'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('chucknorris').start();
})
})
</script>
你可以在这个链接上看到这个. …