Question

我使用此插件https://github.com/chunksnbits/jquery-quickfit

我在页面上有很多元素：

<div id="quickfit-a">........</div>
<div id="quickfit-a">........</div>
...
<div id="quickfit-a">........</div>

这个Javascript就像演示一样：

<script type="text/javascript" charset="utf-8">
  $(function() {
    $(window).on('resize', function() {
      $('#quickfit-a').quickfit({ max: 40, min: 20, truncate: true });        

    });
    $(window).trigger('resize');    
  });
</script>

但是此Javascript代码仅适用于id = quickfit-a

的第一个元素

如何使该功能适用于页面上id = quickfit -a

的所有元素

非常感谢任何帮助

由于

Answer 1

您可以尝试使用以下类属性

，而不是ID

<div class="quickfit-a">........</div>
<div class="quickfit-a">........</div>
...
<div class="quickfit-a">........</div>

并将您的演示更改为

<script type="text/javascript" charset="utf-8">
  $(function() {
    $(window).on('resize', function() {
      $('.quickfit-a').quickfit({ max: 40, min: 20, truncate: true });        

    });
    $(window).trigger('resize');    
  });
</script>

jQuery QuickFit - 仅适用于一个元素

1 个答案: