2012-12-06 169 views
0

div#network-register需要使用類reg-success-notification將其內容替換爲新的div。 div內容刷新,但新內容不顯示或加載。JQuery Div不會刷新新內容

$('#network-register').html('<div class="reg-success-notification"><p>Your account has been successfully created. You will be logged in within 5 seconds.</p></div>').fadeIn(1000); 
     } 

I found the issue was due to `"display: none"` in the CSS code of the div's class. 


CSS Code 

div.reg-success-notification { 

    display:none 
    ...more rules... 
} 
+2

什麼是那'}'的作用 「REG-成功通知」 CSS?你可以在http://jsfiddle.net上提供演示嗎? – undefined

+0

什麼是reg-success-notification css? – user10

+1

1.你在使用這個代碼文件ready()/ onload 2.「reg-success-notification」爲這個類定義的css –

回答

1

1.Where你使用此代碼文件準備就緒()/ 2的onload爲該類定義

感謝

+0

我發現有一個顯示:導致問題的無CSS規則。這已得到糾正。 –

1

只有幾個原因導致您的代碼無法工作。

首先是你拼錯了可能是id =「network-register」的東西。

其次,你的代碼是在錯誤的時間執行的。記住,如果你的代碼被調用爲document.ready,那麼你嘗試使用jQuery的元素將不會在DOM中可用。

最簡單的方法是在您的開發人員工具中使用您的控制檯執行代碼並查看會發生什麼..我個人使用chrome ..在控制檯中鍵入$(「#network-register」)將是一個快速骯髒的檢查,看看它是否返回任何東西..如果你回來[]而不是[那麼你知道你的jQuery選擇器默默失敗,你有一個不存在的元素或您有拼寫錯誤。

快速提示未來..更多的代碼和詳細信息,您可以獲得更好的診斷問題。

0

我發現有一個display:none CSS規則導致了問題。這已得到糾正。