Fittext在WordPress帖子上不起作用

Question

I am trying to use fittext on the headers on my Worpress posts, but it is not working.

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 (on output, js is brought in through functions - )

jquery is brought in through Wordpress in the head (enquened in 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

This might help because I don't whether its works or not. Just a Suggestion, try this one

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

Check this for additional Info : jQuery.noConflict()