动态生成的html链接在Firefox中有效,但在Chrome中不起作用

Subhash P

我正在尝试构建一个应用程序,以根据类别查看YouTube视频。显示给用户一个类别的下拉列表,他选择了一个类别。div'rContent'填充有该类别中的链接列表。当用户点击其中一个链接时,YouTube视频会在iframe中打开。问题是当用户单击链接时,视频在Firefox中显示,但在Chrome中不起作用。什么都没发生。

<!-- Dynamically retrieved list of videos shown here, see sample below -->
<div id="rContent"></div>             

<!-- YouTube video will be shown in this iframe-->
<div class="video-container">
    <iframe id="userVideo" src="" frameborder="0" width="560" height="315"></iframe>
</div>

<script>    
$("#rContent").on('click', '.vid_trigger', function() {
    var URL = $(this).attr('href'); 
    $(userVideo).attr('src',URL)
    return false;   
});
</script>

<!--- sample of dynamic content -->
<a class="vid_trigger" href="http://www.youtube.com/embed/fgqpHl5OGFA?rel=&autoplay=1"> … </a><br></br>
<a class="vid_trigger" href="http://www.youtube.com/embed/c-d4rDY70zk?rel=&autoplay=1"> … </a><br></br>
游戏机

这条线

$(userVideo).attr('src',URL)

应该是这样的:

$('#userVideo').attr('src', URL); //select using id selector

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

通过PHP设置Cookie在Chrome中有效,但在Firefox或IE中不起作用

来自分类Dev

优良的上载器异步任务在Chrome中有效,但在IE11中不起作用

来自分类Dev

链接在Firefox中有效,但在Chrome和Safari中无效

来自分类Dev

按钮在Chrome浏览器中有效,但在Mozilla中不起作用

来自分类Dev

为什么HTML复选框功能仅在IE中有效,而在Firefox或Chrome中不起作用?

来自分类Dev

代码在JSFiddle中有效,但在Dreamweaver中不起作用(不涉及jquery)

来自分类Dev

jQuery error()在Chrome和IE中有效,但在Firefox中不起作用

来自分类Dev

将页面重定向到aspx页面在chrome中有效,但在IE中不起作用

来自分类Dev

“找不到成员”-jQuery在MSIE中不起作用,但在Chrome中有效-

来自分类Dev

点击页面上的滚动在FF中有效,但在Chrome中不起作用

来自分类Dev

按特定键在JavaScript中执行某些操作在Chrome中有效,但在Firefox中不起作用

来自分类Dev

Branch.io Deeplink在ios 9的safari中不起作用,但在Chrome中有效

来自分类Dev

当我单击链接时,它将使用jquery打开两个新选项卡。这在Firefox中有效,但在chrome和IE中不起作用

来自分类Dev

此代码在片段中有效,但在博客中不起作用

来自分类Dev

交换整数的代码在C ++中有效,但在C中不起作用

来自分类Dev

我的音频可视化器在Chrome中不起作用(但在Firefox中有效)

来自分类Dev

解析XML标签属性在Firefox中有效,但在Chrome中不起作用

来自分类Dev

添加的间距在Firefox中有效,但在Chrome和Safari中不起作用

来自分类Dev

window.open在Firefox中有效,但在IE或Chrome中不起作用

来自分类Dev

导航图在Power Map中有效,但在Power View Map中不起作用

来自分类Dev

“ with”语句在Windows中有效,但在Ubuntu中不起作用

来自分类Dev

htaccess(RewriteRule)在wamp中有效,但在实际服务器中不起作用

来自分类Dev

为什么HTML复选框功能仅在IE中有效,而在Firefox或Chrome中不起作用?

来自分类Dev

在Kendo Scheduler议程视图上隐藏表格列-在Firefox / Chrome中有效,但在IE11中不起作用

来自分类Dev

javascript mailto在chrome中有效,但在IE中不起作用

来自分类Dev

单选按钮在谷歌浏览器中有效,但在Firefox中不起作用

来自分类Dev

将输入追加到表单的jQuery函数在Chrome中有效,但在Safari中不起作用

来自分类Dev

为什么按钮内的文件输入在 Firefox 中不起作用,但在 Chrome 中有效?

来自分类Dev

组件中的样式不起作用,但在 index.html 中有效。(角 2+)

Related 相关文章

  1. 1

    通过PHP设置Cookie在Chrome中有效,但在Firefox或IE中不起作用

  2. 2

    优良的上载器异步任务在Chrome中有效,但在IE11中不起作用

  3. 3

    链接在Firefox中有效,但在Chrome和Safari中无效

  4. 4

    按钮在Chrome浏览器中有效,但在Mozilla中不起作用

  5. 5

    为什么HTML复选框功能仅在IE中有效,而在Firefox或Chrome中不起作用?

  6. 6

    代码在JSFiddle中有效,但在Dreamweaver中不起作用(不涉及jquery)

  7. 7

    jQuery error()在Chrome和IE中有效,但在Firefox中不起作用

  8. 8

    将页面重定向到aspx页面在chrome中有效,但在IE中不起作用

  9. 9

    “找不到成员”-jQuery在MSIE中不起作用,但在Chrome中有效-

  10. 10

    点击页面上的滚动在FF中有效,但在Chrome中不起作用

  11. 11

    按特定键在JavaScript中执行某些操作在Chrome中有效,但在Firefox中不起作用

  12. 12

    Branch.io Deeplink在ios 9的safari中不起作用,但在Chrome中有效

  13. 13

    当我单击链接时,它将使用jquery打开两个新选项卡。这在Firefox中有效,但在chrome和IE中不起作用

  14. 14

    此代码在片段中有效,但在博客中不起作用

  15. 15

    交换整数的代码在C ++中有效,但在C中不起作用

  16. 16

    我的音频可视化器在Chrome中不起作用(但在Firefox中有效)

  17. 17

    解析XML标签属性在Firefox中有效,但在Chrome中不起作用

  18. 18

    添加的间距在Firefox中有效,但在Chrome和Safari中不起作用

  19. 19

    window.open在Firefox中有效,但在IE或Chrome中不起作用

  20. 20

    导航图在Power Map中有效,但在Power View Map中不起作用

  21. 21

    “ with”语句在Windows中有效,但在Ubuntu中不起作用

  22. 22

    htaccess(RewriteRule)在wamp中有效,但在实际服务器中不起作用

  23. 23

    为什么HTML复选框功能仅在IE中有效,而在Firefox或Chrome中不起作用?

  24. 24

    在Kendo Scheduler议程视图上隐藏表格列-在Firefox / Chrome中有效,但在IE11中不起作用

  25. 25

    javascript mailto在chrome中有效,但在IE中不起作用

  26. 26

    单选按钮在谷歌浏览器中有效,但在Firefox中不起作用

  27. 27

    将输入追加到表单的jQuery函数在Chrome中有效,但在Safari中不起作用

  28. 28

    为什么按钮内的文件输入在 Firefox 中不起作用,但在 Chrome 中有效?

  29. 29

    组件中的样式不起作用,但在 index.html 中有效。(角 2+)

热门标签

归档