Mod 重写页面锚点

Question

过去两个小时我一直在努力解决这个问题。我已经尝试过谷歌上提到的所有解决方案，但没有任何运气。

让我们从问题开始。我正在尝试使用这个插件： http://www .gethifi.com/blog/a-jquery-plugin-to-create-an-interactive-filterable-portfolio-like-ours

在我的网站上。问题是这个插件正在使用锚标记。没有它，它似乎不起作用。 好吧，我正在尝试在我现在正在开发的网站上使用用户友好的 URL。所以锚点不起作用。

这是我现在的 .htaccess 文件：

RewriteEngine On
RewriteBase /
RewriteRule ^([^/]*)\.html$ /mysite/category.php?cat=$1 [L]
RewriteRule ^([^/]*)/([^/]*)\.html$ /mysite/category.php?cat=$1&lang=$2 [L]

没什么花哨的，只是对类别和语言进行了一些重写。唯一有效的似乎是：

RewriteEngine On
RewriteBase /
RewriteRule ^([^/]*)\.html$ /mysite/category.php?cat=$1 [L]
RewriteRule ^([^/]*)/([^/]*)\.html$ /mysite/category.php?cat=$1&lang=$2 [NE,R,L]

但是当我使用它时，我的用户友好 URL 也消失了。相反，我看到：category.php?cat=....

我不知道这是否重要，但我使用 指向我所在的主机正在努力。

预先感谢您的任何想法。

Answer 1

Anchor # 是一个 URL 片段，apache 会忽略并且不支持重写。

使用客户端方法是唯一的解决方法。

或者您可以尝试 PHP parse_url - PHP_URL_FRAGMENT

Answer 2

找不到让插件与mod_rewrite结合使用的方法，所以我就放弃了，使用了另一个插件。它似乎可以找到，因为它不需要锚点来工作。

和平。

编辑：

这是我现在使用的代码：

        $(document).ready(function() {

            $('.menu li a').click(function() {


                $('.menu li').removeClass('selected');
                $(this).parent('li').addClass('selected');

                thisItem    = $(this).attr('rel');

                if(thisItem != "all") {

                    $('.item li[rel='+thisItem+']').stop()
                                                            .animate({'width' : '110px', 
                                                                         'opacity' : 1, 
                                                                         'marginRight' : '.5em', 
                                                                         'marginLeft' : '.5em'
                                                                        });

                    $('.item li[rel!='+thisItem+']').stop()
                                                            .animate({'width' : 0, 
                                                                         'opacity' : 0,
                                                                         'marginRight' : 0, 
                                                                         'marginLeft' : 0
                                                                        });
                } else {

                    $('.item li').stop()
                                    .animate({'opacity' : 1, 
                                                 'width' : '110px', 
                                                 'marginRight' : '.5em', 
                                                 'marginLeft' : '.5em'
                                                });
                }
            })

            $('.item li img').animate({'opacity' : 0.5}).hover(function() {
                $(this).animate({'opacity' : 1});
            }, function() {
                $(this).animate({'opacity' : 0.5});
            });

        });

我刚刚将其从列表更改为 div。