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()

Fittext不适用于WordPress帖子

1 个答案: