javascript - 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是通过head中的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()