jquery - fittext.js 不起作用，它让我发疯

Question

我正在将 fittext.js 集成到一个网站中，但它什么也没做。而且我找不到问题。

也许是其他人？

这是代码

CSS CODE

.nav-text {
font-size: 24px;
font-weight: bold;
text-align: center;
display: block;
margin-top: 5px;
padding-top: 0px;
}

HTML CODE

<div class="nav small-4 large-2 columns padding_bottom_30"><a href="#"><img src="/img/wat-thumbnail.png" alt="Wat"><br/>
  <p class="nav-text">Wat</p></a></div>

JQUERY CODE

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<!--fit-text-->
<script src="/js/jquery.fittext.js"></script>
<script>
jQuery(".nav-text").fitText();
</script>

这是一个实时工作版本的链接。

到目前为止感谢！

Answer 1

尝试将图像和 p 标签分开，并在 jquery 选择器中使用 p 标签的类。像这样的东西：

<div>
<p><a href="#"><img src="/img/wat-thumbnail.png" alt="Wat"></a></p>
<p class="nav-text"><a href="#">Wat</a></p>
</div>