jQuery: удалять контейнеры, как только они загружаются

Question

Я работаю над одностраничным веб-сайтом с некоторыми div. Эти div содержат некоторый контент, например iframe. Этот контент является обратным текстом, если js/jquery недоступен. Теперь я хотел бы удалить часть содержимого этих div, как только они будут готовы, заменить его на некоторый динамически созданный контент.

Пример: Разделитель, содержащий iframe для календаря Google. Этот iframe должен быть заменен сгенерированным контентом вызова $ .getJson того же самого календаря.

Как это сделать? Is

$('div#calendar').ready(function(){ 
    $('div#calendar').remove('iframe') 
}); 

достаточно рано? Где должен находиться тег script для jquery, на данный момент он находится в конце тела?

Answer 1

Вы можете использовать noscript для случаев, когда абсолютно нет JS.

<script src="url"></script> 
<noscript> 
    <!-- Your iFrame --> 
</noscript> 

Если вы хотите больше контроля, взглянуть на подход обнаружения признака с, например Modernizr.

Или посмотрите here на некоторые мысли об использовании или отсутствии использования тега noscript или альтернативных подходов. Наиболее предпочтительный подход, похоже, имеет блок display:none;, который затем устанавливается на display:block; на JS, и наоборот для страницы без JS.

Answer 2

Вы можете попробовать $('div#calendar').html(<new content>) в своем обратном вызове успеха для getJson.