我想在点击时将关于和联系人重定向到他们的“正确页面”,例如点击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>
你有什么建议吗?提前谢谢。
答案 0 :(得分:0)
这应该是一个简单的修复,你只需要在页面前放一个反斜杠。请注意#/about.html
无效。对于“使用数据组”部分,您可以更具体一点吗?这可能会影响到这个答案。