javascript - 如何让 JQuery 插件不定位博客文章？

Question

我正在使用一个 JS 插件，当您单击“阅读更多”链接时，该插件允许在隐藏和不隐藏之间切换文本溢出。效果很好，并使用文章标签来触发它。我在整个网站的随机文本部分使用它。问题是博客文章也使用文章标签，因此它也隐藏了大部分博客文章。我怎样才能让它绕过博客文章？

您可以在此处的网站上实时查看它。 http://www.gregtregunno.ca/about和 http://www.gregtregunno.ca/news

这是jquery

$(document).ready(function(){
  $('#info').readmore({
    moreLink: '<a href="#">More examples and options</a>',
    maxHeight: 390,
    afterToggle: function(trigger, element, expanded) {
      if(! expanded) { // The "Close" link was clicked
        $('html, body').animate( { scrollTop: element.offset().top }, {duration: 100 } );
      }
    }
  });
$('article').readmore({maxHeight: 175});});

Answer 1

通过排除博客文章的类别，如下所示:

$('article').not('.post').readmore({maxHeight: 175});});

通过使用 jQuery 函数.not()，您可以选择(通过类、ID 或您想要使用的任何内容)不应该选择的内容。

当然，更好的办法是指定哪些帖子应该被缩短，而不是排除哪些帖子不应该被缩短。因此，如果您的主题中有这种可能性，我会选择这样做。这会减少加载时间。