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

时间:2015-11-22 10:58:52

标签: javascript html routing html-lists href

我想在点击时将关于联系人重定向到他们的“正确页面”,例如点击about应重定向到about.html

它在杂志,书籍和谈话方面做得很好,因为我只是希望它们在点击时重定向到index.html。

这是我的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>  

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>

你有什么建议吗?提前谢谢。

1 个答案:

答案 0 :(得分:0)

这应该是一个简单的修复,你只需要在页面前放一个反斜杠。请注意#/about.html无效。对于“使用数据组”部分,您可以更具体一点吗?这可能会影响到这个答案。

相关问题