Fittext在WordPress帖子上不起作用

Question

我试图在我的Worpress帖子的标题上使用fittext，但是它不起作用。

HTML

<div class="row">
  <div class="col-md-12 textFit">
    <h2 id="fittext1"><a href="<?php the_permalink(); ?>" rel="bookmark">  <?php the_title(); ?></a></h2>
    <?php the_category(', '); ?>
  </div>    
</div>

footer.php（在输出中，js通过函数引入-）

jquery是通过Wordpress引入到头部的（在functions.php ）

<script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/new/js/jquery.fittext.js"></script>

<script type="text/javascript">
 jQuery(document).ready(function() {

    jQuery("#fittext1").fitText(1.8, { minFontSize: '90px', maxFontSize: '150px' });
     });
</script>

CSS

article h2 > a {    
  font-size: 90px;
  font-style: italic;
  font-weight: 800;
  line-height: 85px;
  letter-spacing: -.075em;
  color: #fff;
}

.textFit {
  display: block
  width: 100%;
}

Answer 1

这可能会有所帮助，因为我不管它是否有效。 只是一个建议，尝试这个

<script type="text/javascript">
    jQuery(document).ready(function($) 
    {
     $("#fittext1").fitText(1.8, { minFontSize: '90px',maxFontSize:'150px'});
    });
</script>

检查此其他信息： jQuery.noConflict（）