使用JQuery搜索自定义帖子内容

时间:2018-08-20 作者:Meds

我正在为CPT调整网站的存档页面,以使用砌体布局,并在存档页面中添加实时搜索。我有一个正在运行的设置。然而,我刚刚意识到,我的脚本只会搜索归档页面上显示的内容,而不会搜索整个帖子的内容。请参阅下面的脚本:

$(document).ready(function () {
    $("#live-search").on("keyup", function(){
        var value = $(this).val().toLowerCase();
        $("#member-archive-left .member-archive-box").filter(function () {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
            console.log($(this));
            $("#member-archive-left").masonry(\'layout\');
        });
    });
});
这正是我所希望的。我只需要它能够搜索页面上帖子的内容。我开始认为我需要重写它,但如果有人有他们认为我应该考虑的解决方案,请让我知道!

1 个回复
SO网友:cjbj

由于您在用户端进行搜索(据我所知),因此只能找到发送给用户的数据。所以,如果你的存档页面没有包含完整的帖子,你将无法搜索它。

显而易见的解决方案是,您需要发送所有帖子内容。有两种可能的方法:

在脚本中,使用rest-api. 这意味着您不必按原样更改存档页。但这可能会影响性能,因为您可能会向服务器发出大量数据请求,而在传输到用户端的过程中,这些请求也可能会被阻塞

更改存档页面,使其包含完整的帖子,并使用一些css隐藏全部内容,只要不需要。可能是最好的方法。

结束