Question

我正在尝试根据窗口高度更改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");
   }

});

为什么这个Jquery鳕鱼没有设置ifram src？

1 个答案: