您能否看到爲什麼div(#welcome)未在下面的代碼中更新?未使用javascript更新的div元素
function show_logged_in(success)
{
var is_logged_in = success;
var dataString = {"reg":invalid, "login":invalid,"is_logged_in":is_logged_in};
$.ajax({
type:"POST",
url:"PHP/class.ajax.php",
data:dataString,
dataType:'JSON',
success: function(username) {
alert("User is shown");
user = username;
change_div();
},
error: function() {
alert("ERROR in show_logged_in")
}
});
function change_div(){
$('#welcome').style.display = 'block';
$('#welcome').innerHTML = "Welcome" + user + "to SIK";
}
}
來自被調用的ajax的響應僅僅是從會話變量中獲取用戶名。並且它正確返回。
當它返回時,我想讓div出現並說歡迎。 但由於某些原因div未被更新。
下面是HTML:
<div id="welcome" style="display:none; postion:absolute; top:0; float:right;">...</div>
哦確定爲什麼是它與jQuery有什麼不同?虐待現在試試這個謝謝 – 2013-03-20 12:00:34
更新,以幫助解釋更多。 '$('#welcome')'是一個jQuery對象,而不是DOM元素,因此您必須使用jQuery方法對其進行更改。 – 2013-03-20 12:02:25
@TomBurman jQuery對象沒有.style,但是有'attr('style')' – 2013-03-20 12:02:26