检查HTML元素的显示值并在jQuery中保存到Cookie [英] Checking Display Value of HTML element and saving to a Cookie in jQuery

问题描述

我目前正在尝试使用jQuery来切换 shoutbox 的外观并记住页面之间的状态（隐藏/可见）。我遇到的问题是让cookie设置为记住状态。

I am currently trying to use jQuery to toggle the appearance of a shoutbox and remember the state (hidden / visible) from page to page. The problem I am having is in getting a cookie set to remember the state.

我到目前为止的代码如下所示，但它似乎没有执行如果语句正确。有什么想法吗？

The code I have so far is below, but it doesn't seem to be executing the if statement correctly. Any ideas why?

function show_shoutbox() {
    $('#SB').toggle("fast"); 

    if ($('#SB').css('display') == "none") { 
        document.cookie = "displaysb=false;";
    } else { 
        document.cookie = "displaysb=true; ";
    }
}

我是JavaScript和jQuery的新手 - 所以我如果答案很明显，请提前道歉。我希望学习。

I am fairly new to JavaScript and jQuery - so I apologize in advance if the answer is obvious. I'm hoping to learn.

推荐答案

尝试

if ( $('#SB').is(':visible') ) {
    ...
}

规范化比检查显示好一点。

这篇关于检查HTML元素的显示值并在jQuery中保存到Cookie的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！