我有以下代码片段,并想知道是否有可能更新它实现此菜单行为:
步骤1.鼠标悬停Link 1 ---->它将被翻译为1.5em(已设置);
步骤2.在链接1上单击---->菜单按钮将在页面重新加载的已翻译位置(完成,特别感谢@ guest271314)保持固定,直到单击新菜单按钮(未设置)然而)又加载了另一个页面.
注意:next/prev按钮代码部分保持不变(或者如果必须,可以编辑,以保持功能).
注意2:我必须提到,最终,解决方案将在wordpress中实现,而不是静态网站html页面.
$(function () {
$('nav ul li').click(function (e) {
//Set the aesthetics (similar to :hover)
$('nav ul li')
.not(".clicked").removeClass('hovered')
.filter(this).addClass("clicked hovered")
.siblings().toggleClass("clicked hovered", false);
}).hover(function () {
$(this).addClass("hovered")
}, function () {
$(this).not(".clicked").removeClass("hovered")
});
var pageSize = 4,
$links = $(".pagedMenu li"),
count = $links.length,
numPages = Math.ceil(count / pageSize),
curPage = 1;
showPage(curPage);
function showPage(whichPage) {
var previousLinks = …Run Code Online (Sandbox Code Playgroud)