1

我已经在各种论坛上发布了这个,但到目前为止没有运气(希望也可以在这里发布它?)......我已经尝试了几个星期......没有成功。

我的博客上有两个页面(评分最高和查看次数最多),它们返回一列帖子(带有标题/拇指),但在这些列的顶部,我想将这些帖子“过滤”成周/月/所有时间. (因为我遵循了一个教程,所以我想保持它不变,所以我稍后会更改日期等的排序选项)。

以下代码表示刷新页面并加载新的 url,如 example.com/top-rated/?o=title-asc。但到目前为止,它显示了热门​​帖子和带有选项的下拉菜单......当我点击时,实际上没有任何反应。

我已经在朋友域上搭载了我的网站,如果有人可以看看让我知道你的想法......它将不胜感激。

在此先感谢各位:)

这是我的代码:

<?php
/*
 * Template Name: Top Rated
*/
get_header();  ?>

<?php
if( isset($_GET['o']) && $_GET['o'] != '')
          {
              $order = $_GET['o'];
              switch($order)
              {
                case 'date-asc': $orderby = 'order=ASC';
                            $msg = 'Date Ascending';
                              break;

                case 'date-desc': $orderby = 'order=DESC';
                            $msg = 'Date Descending(default)';
                              break;

                case 'date-mod': $orderby = 'orderby=modified';
                                $msg = 'Date Modified';
                               break;

                case 'title-asc': $orderby = 'orderby=title&order=ASC';
                                $msg = 'Title A-Z';
                                break;

                case 'title-desc': $orderby = 'orderby=title&order=DESC';
                                $msg = 'Title Z-A';
                                break;

                case 'comment': $orderby = 'orderby=comment_count';
                                $msg = 'Comment Count';
                                break;
              }
          }
          else
          {
              $orderby = 'order=DESC';
              $msg = 'Date Descending (default)';
          }
?>
<div id="content">
    <div id="sorter-container">
        <script type="text/javascript">
                var orderby = jQuery('#order-by');
                var str;
                orderby.change(function(){
                    str = jQuery(this).val();
                     window.location.href = "<?php echo home_url(); ?>/top-rated/?o="+str;
                });
            </script>
<h2 id="sort-heading">Posts ordered by:<?php echo $msg; ?></h2>
        <select id="order-by">
            <option value="date-desc" <?php echo (!isset($order) || $order == '' || $order == 'date-desc')? 'selected="selected"':''; ?>>Date Desc. (default)</option>
            <option value="date-asc" <?php echo ($order == 'date-asc')? 'selected="selected"':''; ?>>Date Asc</option>
            <option value="date-mod" <?php echo ($order == 'date-mod')? 'selected="selected"':''; ?>>Date Modified</option>
            <option value="title-desc" <?php echo ($order == 'title-desc')? 'selected="selected"':''; ?>>Title Desc.</option>
            <option value="title-asc" <?php echo ($order == 'title-asc')? 'selected="selected"':''; ?>>Title Asc.</option>
            <option value="comment" <?php echo ($order == 'comment')? 'selected="selected"':''; ?>>Comments Count</option>
        </select>
    </div>
<?php query_posts('meta_key=votes_count&orderby=meta_value_num&order=DESC&posts_per_page=10'); ?>
    <?php if ( have_posts() ){ ?>
    <?php  while ( have_posts() ) : the_post() ?>
    <div <?php echo post_class(); ?>>
        <h3> <a href="<?php the_permalink(); ?>"class="img_hover_trans"><?php the_post_thumbnail('featured-small'); ?></a>
        <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> | <small><?php the_time('F jS, Y'); ?></small></h3>
         <?php the_excerpt('Read more...'); ?>
    </div>
    <?php endwhile; ?>
<?php } ?>
</div>
<?php
get_sidebar();
get_footer();
4

2 回答 2

1

如果您遵循的教程使用select下拉列表来更改帖子的顺序,它还应该为您提供代码,该代码用于处理下拉列表中所选选项中的更改。无论如何,您需要一个附加到下拉列表的事件处理程序,当下拉列表更改时将触发该事件处理程序。由于您是 jQuery 1.6.2,这应该足够了:

$('#order-by').bind('change', function(){
    window.location.href = 'http://beetniksound.com/feedme/top-rated/?o=' + $(this).val();
});

注意:您可能不希望在 Javascript 中硬编码该 URL。我不了解 Wordpress,但如果它具有返回当前页面 url 的函数(在本例中为http://beetniksound.com/feedme/top-rated/),您可能想要使用它.

于 2012-09-25T15:36:51.570 回答
0

原来我在错误的地方放了一些代码(对不起,我是新手)......所以在 Kemal 发布了一些代码尝试之后终于发现了它。所以感谢您的帮助/支持,我将使用新的工作代码更新 OP,它应该通过复制并粘贴到您的项目中来工作。如果是这样,请密切注意此部分,window.location.href = "<?php echo home_url(); ?>/top-rated/?o="+str;将 top-rated 替换为您的 page-slug。如果有人知道如何按周/月/所有时间排序,请在此处发布(因为它会有所帮助)`

于 2012-09-26T11:19:54.597 回答