jQuery：加载后立即删除容器

Question

我正在制作一个有一些div的单页网站。这些div包含一些内容，例如iframe。如果js / jquery不可用，则此内容为后备文本。现在我想删除这些div的一些内容，一旦它们准备就绪，用一些动态创建的内容替换它。

实施例： 包含Google日历的iframe的div。此iframe应替换为同一日历的$ .getJson调用的生成内容。

我该怎么做？是

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

足够早？ jquery的script标签应该放在哪里，目前它在身体的末端？

Answer 1

您可以在getJson的成功回调中尝试$('div#calendar').html(<new content>)。

Answer 2

您可以将noscript用于绝对没有可用JS的实例。

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

如果您想要更多控制，请查看功能检测方法，例如Modernizr。

或者看看here有关使用或不使用noscript标签或其他方法的一些想法。最受青睐的方法似乎是有一个display:none;块，然后由JS设置为display:block;，反之则为非JS页面。