如何在页面刷新后使用 jquery 应用 CSS(刷新前构建 CSS)
How to apply CSS using jquery after page refresh ( Assing the CSS before refresh)
在我的母版页上,我正在将CSS应用于手风琴面板中的选定链接。但是一旦我单击按钮页面刷新,我就会丢失我的 CSS。无论如何,在页面刷新后,我们仍然可以将类应用于所选链接(或突出显示所选链接)吗?
$(document).ready(function () {
$('#accordian li').click(function () {
var href = $(this).addClass("active1").children("a").attr("href");
});
});
试试这个
$(document).ready(function() {
var key = 'clickedHref';
$("#clearButton").click(function() {
localStorage.setItem(key, null);
});
$('#accordian li').click(function() {
$("#accordian li").removeClass("active1");
var href = $(this).addClass("active1").children("a").attr("href");
localStorage.setItem(key, href);
});
var clickedHref = localStorage.getItem(key);
if (clickedHref !== null) {
var a = $('#accordian li a[href="' + clickedHref + '"]');
if (a.length) {
a.trigger("click");
}
}
});
.css:
.active1 a{
font-weight:bold;
}
.html:
<ul id="accordian">
<li>
<a href="?a=1">a1</a>
</li>
<li>
<a href="?a=2">a2</a>
</li>
</ul>
<button id='clearButton'>clear</button>
http://codepen.io/anon/pen/vGVjjP
使用 "preventDefault()" 不能解决您的情况?
$('#accordian li').click(function(e) {
e.preventDefault();
var href = $(this).addClass("active1").children("a").attr("href");
});
相关文章:
- css媒体查询请求后刷新jQuery插件
- 如何刷新CSS,以便动态生成的元素可以被设置样式
- 如何在页面刷新后使用 jquery 应用 CSS(刷新前构建 CSS)
- HTML 不加载 CSS ,刷新后一切正常.同样在移动设备上,它在首次加载时不起作用
- CSS 不断刷新
- 如何在刷新浏览器地址栏时重置css(a:visited{color:green})
- 自定义CSS输入框,使页面按ENTER键刷新
- 在 js/css/html 更改 Web 应用程序上强制刷新缓存
- CSS,JS:避免在 ScrollTo() 之前刷新页面
- CSS和JavaScript不包括在刷新中
- 如何在不重新启动 Web 应用程序的情况下以编程方式使 JavaScript 和 CSS 包失效或刷新
- GULP:如何在不刷新的情况下更新浏览器(仅适用于 CSS 更改)
- 刷新 DOM 而不重新拉取外部包含 (fe.JS 或 CSS) / 刷新 DOM,无需完整站点刷新
- 刷新 CSS 样式?(重绘页面)
- 刷新页面时未加载 CSS
- 如何让 Grunt/Watch/LiveReload 在不刷新整页的情况下重新加载 Sass/CSS
- 使用Jquery如何一键刷新CSS转换效果
- 切换时刷新css'已禁用'属性
- 刷新css而不在asp.net中重新加载页面
- 动态按钮不刷新CSS属性