在标签内使用iframe

时间:2017-01-17 09:03:01

标签: jquery html twitter-bootstrap iframe

我有tab html元素,每个标签都包含iframe元素。

这是代码:

<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a data-target="#home" data-toggle="tab">BBC</a></li>
    <li><a data-target="#profile" data-toggle="tab">CNN</a></li>
    <li><a data-target="#messages" data-toggle="tab">Sky news</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="home">
        <iframe src="http://www.bbc.com/" height="500px" width="100%" /> 
    </div>
    <div class="tab-pane" id="profile">
        <iframe src="http://edition.cnn.com/" height="500px" width="100%" />
    </div>
    <div class="tab-pane" id="messages">
        <iframe src="http://news.sky.com/" height="500px" width="100%" />    
    </div>           
</div>

以下是jsfiddle

但是当我在标签之间切换时,标签元素无法正常工作的问题。 当我尝试在标签之间进行更改时,不知道为什么它不起作用?

1 个答案:

答案 0 :(得分:3)

因为iframe元素不是自闭元素。您正在使用的Firefox和Safari版本正在处理/&gt;最后只是&gt;并假设它之后的所有内容都包含在iframe中。

could not find implicit value for parameter F: ch.netzwerg.hkt.HigherKindedTypes.Mappable[Some] bananaTuple(Some(42))

not enough arguments for method bananaTuple: (implicit F: ch.netzwerg.hkt.HigherKindedTypes.Mappable[Some])Some[(String, Int)]. Unspecified value parameter F. bananaTuple(Some(42))