2012-03-02 79 views
4

我的javascript:引导提示不工作

<script> 
    $(function(){ 
     $('a[rel=tooltip]').tooltip(); 
    }); 
​</script> 

而我的HTML:

<br><br><br>This is an example of a sentence with a 
<a href="#" rel="tooltip" title="This is the tooltip!">tooltip</a>! 

这并不表明在引导2.0工具提示,但显示了一些默认的。

+0

你需要更详细地描述你的问题,因为这里没有足够的内容来确切地说出了什么问题。默认情况下你的意思是什么?张贴您的工具提示的截图。发布更多代码,包括您在页面上包含的JavaScript文件,包含的CSS以及任何嵌入的JavaScript。 – 2012-03-02 12:37:01

+0

我已经有..这是有点相关,为什么你要我发布整个代码? – 2012-03-02 20:09:24

+0

@AliGajani如果你发布你的标记,这将有所帮助,只是为了看看什么js脚本被包括,什么不是。 – 2012-03-05 11:43:46

回答

7

尝试在页脚中添加代码。它为我工作!由于某种原因,它不起作用!

+0

没有。工作:) :) – 2012-03-06 22:47:03

+8

只需添加一个快速答:您必须添加主jQuery库加载后的所有jQuery函数。它们也应该在$(document).ready()方法中调用。 – 2012-03-21 22:45:16

0

确保您已加载.tooltip类的所有CSS样式。

没有这些工具提示可能会显示在浏览器窗口的可见部分之外。

5

比方说,你已经宣布你的提示声明如下:

<a href="#" rel="tooltip" class="tip" title="Rating:' + rating + '">'+ name +'</a> 

在同一个文件时,请确保您有:

<script type="text/javascript"> 
    $('.tip').tooltip(); 
</script> 

请注意,您应该参考这个代码在它参考的HTML之后,或者包装在

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.tip').tooltip(); 
    }); 
</script> 

另请注意,jQuery选择器引用一类工具提示,而不仅仅是一个工具提示的id。