阅读Bootstrap 3文档后,我也看到了这篇文章:Bootstrap 3 Tooltips or Popovers doesn't work
我正在使用这样的javascript:$(".tip").tooltip();
但我不知道它是否在范围内,因为没有应用引导样式。我在循环中有以下内容,因为我动态生成html:
htmlStr+="<td><a href='#' class='tip' data-toggle='tooltip' " +
"data-placement='right' title='" + finalExpr + "'>" + expr +
"</a>/td>";
该行在每个循环的jquery中,在另一个循环中。然后我关闭桌子,然后我使用这样的javascript:$(".tip").tooltip()
;
我之前遇到过类似的情况,这是因为我把选择器监听器放在了错误的位置。根据我的理解,你总是想在生成html之后把它放进去。我在生成表之后放置这个选择器函数调用,然后在我的单页应用程序中替换div html之前(通过jquery .html),所以我不明白为什么它不起作用。我还有以下导入:
<link rel="stylesheet" media="screen" href="css/main.css">
<link rel="stylesheet" media="screen"
href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" media="screen" href="css/bootstrap-theme.min.css">
<link rel="shortcut icon" type="image/png" href="img/favicon.png">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-
ui.css">
<script src="js/jquery-1.9.0.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"
type="text/javascript"></script>
谢谢