我正在尝试捕获我的表单的提交按钮按下,如果表单已提交,页面刷新,我会显示一些隐藏的字段.我想捕获表单是否已经提交之前,如果它是在重新加载时提交的,我想取消隐藏隐藏的字段.我试图使用全局变量来实现这一点,但是我无法使其正常工作.
这是我尝试过的:
var clicked = false;
$(document).ready(function() {
$("input[type='submit'][value='Search']").attr("onclick", "form.act.value='detailSearch'; clicked = true; return true;");
if (clicked == true) {
// show hidden fields
} else {
// don't show hidden fields
}
});
有关此代码有什么问题的任何建议吗？
主要目标是保持非刷新的logotext <div class="small-7 medium-4 columns logo">和菜单<nav class="pagedMenu" role="navigation">,而不会在页面刷新时剪切或在内容从页面加载到另一页面时.此外,菜单状态应从页面保留到另一页.
我在这里找到了一个可以解决问题的可能解决方案(您可以使用ajax获取更新的内容并使用jQuery将新内容放在页面上并完全避免刷新.这样做,现有的数据在页面将保持不变.说@ jfriend00)
所以,我试图使用Ajax插件(称为AWS).在AWS选项页,我(想),我已经做了指向正确的事wrapper作为阿贾克斯容器ID,也pagedMenu作为菜单的容器类,过渡效果已启用,没有AJAX容器ID空白,没有选择的装载机,其已经是一个脉冲装载机实现在主题中.
在这一点上,我得到的是菜单/侧面菜单(shiftnav)/脉冲点加载器/内容加载故障,可能是由错误定义的Ajax容器ID和/或菜单容器类(？)产生的,或者是由于与现有JS/ jQuery代码,不太确定.
此外,在Chrome控制台中还有一个错误:
Uncaught SyntaxError: Unexpected token ;
(anonymous function) @ ajaxify.js?ver=4.3.1:175
n.extend.each @ jquery-2.1.4.min.js?ver=2.1.4:2
n.fn.n.each @ jquery-2.1.4.min.js?ver=2.1.4:2
$.bind.$.ajax.success @ ajaxify.js?ver=4.3.1:169
n.Callbacks.j @ jquery-2.1.4.min.js?ver=2.1.4:2
n.Callbacks.k.fireWith @ jquery-2.1.4.min.js?ver=2.1.4:2
x @ jquery-2.1.4.min.js?ver=2.1.4:4
n.ajaxTransport.k.cors.a.crossDomain.send.b @ jquery-2.1.4.min.js?ver=2.1.4:4
在页面刷新时,一切都恢复正常,但根本没用,没用.
我还要提到,对于菜单,我试图使用jQuery-Storage-API来保持状态,storage=jQuery.sessionStorage;正如你在mynewmenu.js文件中看到的 …
我的菜单有这个HTML切换按钮:
<a href="#" id="toggle_nav" class="sidebar-toggle" data-toggle="offcanvas" role="button">
如何保存切换状态以在页面加载时重新加载它
我已经开始:
$(document).ready(function() {
$("#toggle_nav").toggle(function() {
});
});
但我不知道该用什么来保持状态
我有一个基于按钮点击扩展/折叠到自动高度的div.我的工作正常,但我想使用jquery.cookie.js来记住用户是否扩展它,以便它在页面刷新时保持打开状态.我看过类似的问题
例如,在页面刷新后使用cookie.js在div上保持切换状态
但是我似乎无法让这个适用于我的情况.它不仅仅是一个简单的显示/隐藏,而且我无法确定正确设置和使用cookie的语法.这是我的工作代码的小提琴,也许有人可以帮助我？
这是相关代码:
$('#viewless').hide();
$('#viewmore').click(function(){
var el = $('#resize01'),
curHeight = el.height(),
autoHeight = el.css('height', 'auto').height();
el.height(curHeight).animate({height: autoHeight}, 500);
$('#viewmore').toggle();
$('#viewless').toggle();
});
$('#viewless').click(function(){
$('#resize01').animate({height: '190'}, 500);
$('#viewmore').toggle();
$('#viewless').toggle();
});
我有jquery UI Accordion菜单.单击时显示特定的div元素.我想知道我是否刷新页面,例如div3处于活动状态(可见),如何在重新加载页面后再次激活div3？我试图用饼干解决这个问题,但没有运气.有没有人知道的演示？
谢谢.