Question

这是我的相关HTML：

       <div id="activity-menu">
          <h2><a id="activity-link-reddittv" href="#" data-url="https://app.herokuapp.com/reddit-tv/reddittv.html">Watch RedditTV</a></h2>
          <h2><a id="activity-link-topics" href="#">Topics</a></h2>
       </div>

       <div id="topics" style="display:none;" >
       </div> 

       <div id="#reddit-tv-div" style="display:none;" >
          <iframe id="reddit-tv-iframe" style="height:100%;width:100%;" style="border:none;"></iframe> 
       </div>

这是我的JQuery：

  $('#activity-link-reddittv').click(function(){

                var el = $(this);

                $('#activity-menu').hide();
                $('#reddit-tv-div').show();
                $('#reddit-tv-frame').attr('src', el.data('url'));

                console.log('el = ' + el); 
                console.log('el.url = ' + el.data('url')); 
                console.log('src = ' + $('#reddit-tv-frame').attr('src')); 

              });

这是我的日志：

el = [object Object] 
el.url = https://app.herokuapp.com/reddit-tv/reddittv.html
src = undefined

iframe没有显示，并且基于日志src永远不会被设置。

这个问题已在SO上多次回答 - one example。我的代码似乎遵循这些答案pero no funciona。

Answer 1

“＃reddit-tv- frame ”中缺少

i。纠正拼写。

$('#reddit-tv-iframe').attr('src', el.data('url'));

在iframe中动态设置src - 无法正常工作

1 个答案: