JQuery工具提示故障排除

时间:2014-01-28 04:13:05

标签: javascript jquery html5

首先,我是JQuery的新手,很抱歉,如果这很简单,我就错过了。

我正在尝试使用名为“tooltipsy”(http://tooltipsy.com/)的jquery插件。

最终目标是:http://screencast.com/t/4AghhAI7dL

目前正在发生这种情况:截屏[dot] com / t / mBAIm67lM6W1(抱歉,无法发布两个以上的链接)

在我的代码中,我从示例中几乎完全复制了它,但我似乎无法让它工作。这是在一个WordPress网站的树枝模板文件中运行,但我不相信,这应该影响它(当然我可能,也可能是错的)?

<a class="hastip" title="Phone Here">(ES?)</a>
<script type="text/javascript" src=" {{ wp.get_stylesheet_directory_uri()  }}/assets/js/tooltipsy.min.js">
$('.hastip').tooltipsy();
</script>

它链接到标题信息中的CSS文件,链接工作正常。

我的问题是“工具提示”本身没有出现,我无法弄清楚为什么?

感谢任何和所有的帮助,谢谢!

1 个答案:

答案 0 :(得分:1)

<a class="hastip" title="Phone Here">(ES?)</a>
<script type="text/javascript" src=" {{ wp.get_stylesheet_directory_uri()  }}/assets/js/tooltipsy.min.js"></script>
<script>
$(document).ready(function() {
    $('.hastip').tooltipsy();
});
</script>

你不能在脚本src中包含代码。