试图让以下工具提示在每个选项卡中工作,但对我不起作用....
<div class="tabbable">
<ul class="nav nav-tabs" role="tablist">
<li class=""> <a href="#tab1" role="tab" data-toggle="tab" data-original-title="Our Stories">
<img src="/files/cache/cf16a20834dcce2bb50055192c532fad_f35.png" width="94" height="48" alt="Our Stories">
</a>
</li>
<li class=""><a href="#tab2" role="tab" data-toggle="tab" data-original-title="Bond + Bond">
<img src="/files/cache/70517c921a870be3c0580871aa6e8e8a_f36.png" width="99" height="50" alt="Bond">
</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade" id="tab1">
<h2>Our Stories</h2>
</div>
<div class="tab-pane fade" id="tab2">
<h2>Bond</h2>
</div>
</div>
JS
$('[data-toggle="tab"]').tooltip({
'placement': 'top'
})
是否有可能在标签链接上有工具提示？
我得到：$sceDelegate 政策不允许从 url 加载资源。网址：//www.youtube.com/embed/61aM0DXpKkc 在下面
<!DOCTYPE html>
<html >
<style>
table, th , td {
border: 1px solid grey;
border-collapse: collapse;
padding: 5px;
}
table tr:nth-child(odd) {
background-color: #f1f1f1;
}
table tr:nth-child(even) {
background-color: #ffffff;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="app.js"></script>
<body>
<div ng-app="myApp" ng-controller="customersCtrl">
<table>
<tr ng-repeat="x in names">
<td>{{ x.Title }}</td>
<td>
<iframe class="youtube-player" ng-src="{{'//www.youtube.com/embed/' + x.URL}}" frameborder="0" allowfullscreen></iframe>
</td>
<td>{{ x.URL }}</td>
</tr>
</table>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
$http.get("http://angular.webiflex.co.uk/connect.php")
.then(function …