0

我有一个基于帖子的 WordPress 网站，但我想用 ajax 过滤我的帖子。

棘手的部分是，如果我想从“案例”到“摄影”进行过滤，我有两个不同的模板。

我可以用一点 php 来管理它并更改 the_template_part，但这会使页面重新加载，而我不想这样做。

我一直在尝试做一个ajax请求来完成过滤功能。

我的.js

   $('a[rel="filter"]').click(function() {

        var filter = $(this).attr('id');

        $('.checked').removeClass('checked');
        $(this).parent().addClass('checked');

        $.ajax({
            url: '/wp-admin/admin-ajax.php',
            data: window.location = '#?filter=' + filter,
            success: function() {
                $('#content').children().fadeOut(549);
                $('#content').html(data).fadeIn(549);
            }
        });

        console.log('Filter ' + $(this).attr('id') + ' clicked');
    });

这是在我的 Index.php 中更改 template_part 的 php

    $type = ($_GET['filter'] == '') ? 'projects' : $_GET['filter'];
    <?php 
       get_template_part($type); 
    ?>

我能做到这一点还是我需要考虑一下？

这只是以纯文本形式返回实际地址

    $('a[rel="filter"]').click(function() {

        var filter = $(this).attr('href');

        $('.checked').removeClass('checked');
        $(this).parent().addClass('checked');

        $.ajax({
            url: 'wp-admin/admin-ajax.php',
            //url: 'url' + filter,
            data: {
                filter: filter
            },
            success: function(html) {
                $('#content').children().fadeOut(549);
                $('#content').html(filter).fadeIn(549);
                console.log(filter);
                console.log("Success");
            },
            error: function() {
                console.log('No can do')
            }
        });

        console.log('Filter ' + filter + ' clicked');
        return false;
    });

如果我有 3 个页面，其中包含不同的查询和模板，它们代表（案例、摄影和动作），我想在首页上进行过滤。我正在开发一个单页网站。

4

1 回答 1

1

在 click 函数的末尾添加 return false。

于 2012-05-30T09:28:13.510 回答