Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从span';模态中的s-id_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 从span';模态中的s-id

Javascript 从span';模态中的s-id,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,请看下面的JS fiddle,我正在其中尝试将视频URL加载到推特引导的模式的Iframe中,以及模式标题栏中的title attr中的标题。请让我知道如何才能使它工作 2) 要在IFRAME#2中加载的视频 启动演示模式 &时代; 此处为Span Title Attr Text 也许可以清理html代码?很难读懂:( 第二个a标记目标应设置为“#ifr”,作为其他两个链接(按钮)的工作方式 将iframe src设置为视频链接,类似于: ,不要将其放在您的span id中 $(文档)。

请看下面的JS fiddle,我正在其中尝试将
视频URL
加载到
推特引导的
模式的Iframe中,以及模式标题栏中的
title attr
中的标题。请让我知道如何才能使它工作



2) 要在IFRAME#2中加载的视频

启动演示模式 &时代; 此处为Span Title Attr Text
  • 也许可以清理html代码?很难读懂:(
  • 第二个a标记目标应设置为“#ifr”,作为其他两个链接(按钮)的工作方式
  • 将iframe src设置为视频链接,类似于: ,不要将其放在您的span id中
  • $(文档)。在(“单击”,“span.btn”,函数(){
    var title=$(this.prop('title'),
    id=$(this.prop('id');
    $(“.modal title”)。文本(title);
    $(“.modal body”).html($(“”);
    });
    

    示例:

    您可以使用以下命令在引导模式中打开外部链接:

    <a data-target="#externalModal" href="externalmodal" role="button" data-toggle="modal">External url</a>
    
    
    
    也许可以整理一下你的答案?很难阅读:(-别开玩笑了,你可能想重新格式化这个答案。目前,很难找到OP正在寻找的解决方案。我有一个多个视频的列表,它们的iframe URL将位于span的id中,所以我的想法是当用户在
    推特引导中单击相应的div时,在iframe中加载视频这里是一个正在运行的演示,希望这能有所帮助。我们能在运行时加载iframe中的URL吗?我有一些多个视频的列表,它们的iframe URL将位于span的id中,所以我的想法是当用户在Twitter引导模式中单击相应的span时,在iframe中加载视频。
    @user3027531:好的,我现在明白了ame URL
    我的意思是
    iframe src URL
    span的id看起来像
    yup id将转到iframe的源代码,{title将转到modal的title(您以前做过)}
    
    $(document).on("click", "span.btn", function () {
         var title = $(this).prop('title'),
             id = $(this).prop('id'); 
         $(".modal-title").text(title);
         $(".modal-body").html($("<iframe src=" + id + "></iframe>"));
    });
    
    <a data-target="#externalModal" href="externalmodal" role="button" data-toggle="modal">External url</a>