0

ウェブサイトに 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>

これは、ライブ作業バージョンへのリンクです。

これまでありがとう！

4

1 に答える 1

0

イメージと 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>
于 2013-10-26T22:38:44.843 に答える