按活动排序,但不在结果中显示活动

Sort by Activity but don't show Activity in the Results

本文关键字:活动 结果 显示 排序      更新时间:2023-09-26

我发现这个jsfiddle可以做我想做的事,但有一个例外。排序依据的选项之一是"活动"。 我仍然希望能够按活动排序,但是我不希望活动显示在结果中。有人知道如何做到这一点吗?

这是小提琴:jsfiddle.net/omab/kShpU/2/

 $container.isotope({
        itemSelector: '.item',
        getSortData: {
            name: '.name',
            popularity: '.popularity parseFloat',
            activity: '.activity parseFloat'
        }
    });
 <div class="item well col-sm-3 type-lodge medium-service location-london">
            <h3 class="name">Lion Lodge</h3>
            <p>Popularity: <span class="popularity">1<span></p>
            **<p>Activity <span class="activity">3</span></p>**
            <p class="location">London</p>

由于您不需要它删除文本"活动"和段落项,因此只保留<span>

<p>Activity <span class="activity">...</span></p>

自:

<span class="activity">...</span>

然后在 CSS 中隐藏类activity

.activity{ display: none; }

您还可以向<p>添加class以隐藏该内容。

这是一个小提琴示例