Javascript 使用数据组重定向到不同的路由

我想在点击about和联系人时将其重定向到“适当的页面”，例如，点击about应重定向到about.html

<script>
    $(document).ready(function() {

        /* initialize shuffle plugin */
        var $grid = $('#grid');

        $grid.shuffle({
            itemSelector: '.item' // the selector for the items in the grid
        });

        /* reshuffle when user clicks a filter item */
        $('#filter a').click(function (e) {


            // set active class
            $('#filter a').removeClass('active');
            $(this).addClass('active');

            // get group name from clicked item
            var groupName = $(this).attr('data-group');

            // reshuffle grid
            $grid.shuffle('shuffle', groupName );
        });

    });
</script>

它对杂志、书籍和谈话都非常有效，因为我只希望它们在单击时重定向到index.html

<script>
    $(document).ready(function() {

        /* initialize shuffle plugin */
        var $grid = $('#grid');

        $grid.shuffle({
            itemSelector: '.item' // the selector for the items in the grid
        });

        /* reshuffle when user clicks a filter item */
        $('#filter a').click(function (e) {


            // set active class
            $('#filter a').removeClass('active');
            $(this).addClass('active');

            // get group name from clicked item
            var groupName = $(this).attr('data-group');

            // reshuffle grid
            $grid.shuffle('shuffle', groupName );
        });

    });
</script>

这是我的html代码：

<div class="navbar-collapse collapse">
   <ul id="filter">
      <ul class="nav navbar-nav">

         <li><a href="#" data-group="magazine">
         <span class="span-text">Magazine</span></a></li>

         <li><a href="#" data-group="books">
         <span class="span-text">Books</span></a></li>

         <li><a href="#" data-group="talks">
         <span class="span-text">Talks</span></a></li>

         <li><a href="about.html">
         <span class="span-text">About</span></a></li>

         <li><a href=mailto:info@enyamoore.com>
         <span class="span-text">Contact</span></a></li>           
      </ul>
   </ul>
</div>  

<script>
    $(document).ready(function() {

        /* initialize shuffle plugin */
        var $grid = $('#grid');

        $grid.shuffle({
            itemSelector: '.item' // the selector for the items in the grid
        });

        /* reshuffle when user clicks a filter item */
        $('#filter a').click(function (e) {


            // set active class
            $('#filter a').removeClass('active');
            $(this).addClass('active');

            // get group name from clicked item
            var groupName = $(this).attr('data-group');

            // reshuffle grid
            $grid.shuffle('shuffle', groupName );
        });

    });
</script>

Js:

<script>
    $(document).ready(function() {

        /* initialize shuffle plugin */
        var $grid = $('#grid');

        $grid.shuffle({
            itemSelector: '.item' // the selector for the items in the grid
        });

        /* reshuffle when user clicks a filter item */
        $('#filter a').click(function (e) {


            // set active class
            $('#filter a').removeClass('active');
            $(this).addClass('active');

            // get group name from clicked item
            var groupName = $(this).attr('data-group');

            // reshuffle grid
            $grid.shuffle('shuffle', groupName );
        });

    });
</script>

<script>
    $(document).ready(function() {

        /* initialize shuffle plugin */
        var $grid = $('#grid');

        $grid.shuffle({
            itemSelector: '.item' // the selector for the items in the grid
        });

        /* reshuffle when user clicks a filter item */
        $('#filter a').click(function (e) {


            // set active class
            $('#filter a').removeClass('active');
            $(this).addClass('active');

            // get group name from clicked item
            var groupName = $(this).attr('data-group');

            // reshuffle grid
            $grid.shuffle('shuffle', groupName );
        });

    });
</script>

$（文档）.ready（函数（）{
/*初始化洗牌插件*/
var$grid=$（“#grid”）；
$grid.shuffle({
itemSelector:'.item'//网格中项目的选择器
});
/*当用户单击筛选项时重新洗牌*/
$（“#过滤器a”）。单击（函数（e）{
//设置活动类
$（“#过滤器a”）.removeClass（'active'）；
$（this.addClass（'active'）；
//从单击的项目中获取组名
var groupName=$（this.attr（'data-group'）；
//重新调整网格
$grid.shuffle（'shuffle'，groupName）；
});
});

---

你有什么建议吗？提前感谢。

这应该是一个简单的修复，您只需在页面前面放一个反斜杠。请注意，

#/about.html

将不起作用。对于“使用数据组”部分，您能更具体一点吗？这可能会影响此答案。

在测试时效果良好。使用数据属性意味着您有一些JavaScript干扰。（使用

href=“#”

意味着它是糟糕的JavaScript）。JavaScript没有出现在您的问题中，因此无法重现问题。需要更多信息。。。。什么是数据组？它是js插件吗？哪一个？它可能有一个e.preventDefault（）点击链接。。。。请添加更多信息，它应该可以工作。如前所述，我们需要您的javascript代码来重现这个问题。请注意，您忘记了元素中的引号。我想查看您的索引和关于的路径。谢谢，我是新来的，所以这有点混乱。我添加了我的JavaScript。如果你需要更多细节，请告诉我

<script>
    $(document).ready(function() {

        /* initialize shuffle plugin */
        var $grid = $('#grid');

        $grid.shuffle({
            itemSelector: '.item' // the selector for the items in the grid
        });

        /* reshuffle when user clicks a filter item */
        $('#filter a').click(function (e) {


            // set active class
            $('#filter a').removeClass('active');
            $(this).addClass('active');

            // get group name from clicked item
            var groupName = $(this).attr('data-group');

            // reshuffle grid
            $grid.shuffle('shuffle', groupName );
        });

    });
</script>