Javascript 引导工具提示未使用Laravel正确设置样式
我正在尝试使用Twitter引导和Laravel4向导航栏添加一些工具提示。但是,引导CSS似乎没有正确设置工具提示的样式。当我将鼠标悬停在工具提示上时,它会显示一个带有工具提示文本的灰色框,而不是正确的黑色框。我做错了什么Javascript 引导工具提示未使用Laravel正确设置样式,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,我正在尝试使用Twitter引导和Laravel4向导航栏添加一些工具提示。但是,引导CSS似乎没有正确设置工具提示的样式。当我将鼠标悬停在工具提示上时,它会显示一个带有工具提示文本的灰色框,而不是正确的黑色框。我做错了什么 {{ HTML::style('css/bootstrap.min.css') }} {{ HTML::script('js/bootstrap.min.js') }} <script src="https://ajax.googleapis.com/ajax/lib
{{ HTML::style('css/bootstrap.min.css') }}
{{ HTML::script('js/bootstrap.min.js') }}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<nav class="navbar navbar-inverse" role="navigation">
<div class="container-fluid">
<div class="navbar-collapse collapse navbar-responsive-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li> {{ link_to("/personas", '', array('class' => 'glyphicon glyphicon-user', 'id' => 'personas', 'data-toggle' => 'tooltip', 'title' => 'View all personas')) }}</li>
<li> {{ link_to("/tags", '', array('class' => 'glyphicon glyphicon-tags', 'id' => 'tags', 'data-toggle' => 'tooltip', 'title' => 'View all tags')) }}</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<script type="text/javascript">
@('document').ready(function(){
$('personas').tooltip();
$('tags').tooltip();
});
</script>
{{HTML::style('css/bootstrap.min.css')}
{{HTML::script('js/bootstrap.min.js')}
- {{链接到(“/personas”,“数组('class'=>'字形图标用户','id'=>'字形图标用户','data toggle'=>'工具提示','title'=>'查看所有角色')}
- {{链接到(“/tags”,“数组('class'=>'glyphion glyphion tags','id'=>'tags','data toggle'=>'tooltip','title'=>'View all tags'))}
@('document').ready(函数(){
$('personas')。工具提示();
$('tags')。工具提示();
});
在脚本部分,您缺少css ID选择器。如果没有这个选项,jQuery就不知道它应该搜索类还是id。id显示为类显示为
<script type="text/javascript">
$('document').ready(function(){
$('#personas').tooltip();
$('#tags').tooltip();
$('document').ready(函数(){
$('#personas')。工具提示();
$('#标记')。工具提示();
}));
在我的
app.blade.php
文件中,有以下行:
<script src="{{asset('js/app.js')}}" defer></script>
这仍然没有解决问题控制台中是否有JS浏览器?sry,我的错。我的代码中有语法错误。它是
$('document')…
,没有@
var,这是不允许的。
<script src="{{asset('js/app.js')}}"></script>