为了保留logotext <div class="small-7 medium-4 columns logo">和菜单<nav class="pagedMenu" role="navigation">,不刷页面刷新或内容从一个页面加载到另一个页面,我试图实现@Buzinas提出的这个解决方案(特别感谢).再补充一句话:
在header.php我们这个脚本:
<head>
...
<script>
function ajax(url, callback, method, params) {
if (!method) method = 'GET';
var xhr = new XMLHttpRequest();
xhr.open(method, url);
if (callback) xhr.addEventListener('load', function() {
callback.call(this, xhr);
});
if (params) {
params = Object.keys(params).map(function(key) {
return encodeURIComponent(key) + '=' + encodeURIComponent(params[key]);
}).join('&');
xhr.send(params);
} else {
xhr.send();
}
}
// CUSTOM AJAX CONTENT LOADING FUNCTION
function ajaxRevslider(obj) {
// obj.type : Post Type …我的菜单有这个HTML切换按钮:
<a href="#" id="toggle_nav" class="sidebar-toggle" data-toggle="offcanvas" role="button">
如何保存切换状态以在页面加载时重新加载它
我已经开始:
$(document).ready(function() {
$("#toggle_nav").toggle(function() {
});
});
但我不知道该用什么来保持状态
我有以下代码片段,并想知道是否有可能更新它实现此菜单行为:
步骤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 = …我正在寻找一种jQuery方法,以便在刷新页面时将页面元素保持在用户的屏幕上.当我刷新页面时它会改变,我丢失了jQuery页面中的内容.
我需要页面持久化.如何刷新页面并保持元素不刷新(持久),直到用户单击提交按钮.如何才能做到这一点？