javascript - 为什么这个 Jquery cod 不设置 iframe src？

Question

这个问题已经有答案了:

Why does jQuery or a DOM method such as getElementById not find the element? (7 个回答)

已关闭 6 年前。

我试图根据窗口高度更改 iframe src，但此代码根本没有将 src 设置为任何内容...

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>


    <script>

if( $(window).width() > 480){
  $('#cal').attr('src', "https://teamup.com/ks5fbef7146ebe1a4d?view=m&sidepanel=c&showLogo=0&showTitle=0");
}else {
  $('#cal').attr('src', "https://teamup.com/ks5fbef7146ebe1a4d?view=l&sidepanel=c&showLogo=0&showTitle=0");
}

</script>

<iframe id="cal" src="" frameborder="0" width="65%" height="600"></iframe>

我错过了什么？

Answer 1

如果页面加载时您的代码按该顺序排列，则 javascript 还不知道该 iframe。我建议将 jQuery 包装在一个现成的函数中，如下所示:

$(document).ready(function(){

   if( $(window).width() > 480){
      $('#cal').attr('src', "https://teamup.com/ks5fbef7146ebe1a4d?view=m&sidepanel=c&showLogo=0&showTitle=0");
    }else {
      $('#cal').attr('src', "https://teamup.com/ks5fbef7146ebe1a4d?view=l&sidepanel=c&showLogo=0&showTitle=0");
   }

});