未使用jquery删除响应iframe的空白

我正在使用Bootstrap的响应嵌入来嵌入iframe。但是，我要求如果iframe为空（即

src

为空字符串），则它将被隐藏。然而，尽管在没有文件显示时iframe会被隐藏，但空白仍然存在

响应嵌入的代码段：

<div class="row" id="responsive-iframe">
    <div class="embed-responsive embed-responsive-16by9" id="iframe-embed">
        <iframe class="embed-responsive-item" src="" id="iframe" ></iframe>
    </div>
</div>

使用jquery隐藏它的代码段：

<script>
   $(function() {
        $('#iframe').load(function() {            
          if($.trim($(this).contents().find("body").html()) == "") {
            $('#responsive-iframe').css("display", "none");
          }
        });
    });
</script>

$（函数（）{
$（'#iframe'）.load（function（）{
if（$.trim（$（this.contents（）.find（“body”）.html（））==“”）{
$（'#responsive iframe'）.css（“显示”、“无”）；
}
});
});

我还尝试将iframe的display属性更改为

display:none，读取后可能会工作，但仍然失败

编辑：完整代码-
我不认为。如果不设置src属性，将触发加载事件

如果iframe为空（即当src为空字符串时），它将被隐藏

要知道学生是否上传了简历，唯一的方法是知道iframe的src是否为空字符串

不要在
$.load（）中测试。您可以测试一下
src
是否为空字符串


$（函数（）{
if（$（'#iframe'）.attr（'src'）.trim（）=''）{
$（'#responsive iframe'）.css（“显示”、“无”）；
}
});

asdf
酒吧
那么这是如何实现的呢？让代码保持现在的样子。。。但一定有一个地方可以设置src？在那个地方做一个
$（'#responsiveiframe'）.css（“display”，“none”）如果没有src。。。如果看不到剩下的代码就很难了事实上，我正在为我的学院制作一个招聘网站，我想做的是，如果学生不添加简历，16*9的空间就会被隐藏起来。我正在从数据库中获取简历的URL，要知道学生是否上传了简历，唯一的方法就是知道iframe的src是否为空字符串。空白仍然存在@MichaelCoker@sahildhawan它是否保留在我的演示中？我没有看到。是的，你的代码在这里工作，但当我在我的代码中工作时，它就不工作了。我应该分享整个代码吗@这是我的完整代码@Michaelcoker出于某种原因，当我用Sublime编写代码并用Chrome打开它时，这是不起作用的，我快发疯了@迈克尔克尔