使用ajax从其他页面加载内容

Question

我有一个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个页面，其中包含不同的查询和模板（案例，摄影和动作），我在首页上想要过滤。我正在一个单页网站上工作。

希望这可以提供帮助。

Answer 1

在点击功能结束时添加return false。