Javascript - 如果未登录则隐藏按钮

Question

我们有一个使用过时的电子商务 CMS 的网站，因为它缺乏选项和我对 JS 和 jQ 的初学者能力，真的把我的双手绑在背后。

在此站点上，如果用户未登录，我们需要隐藏价格和添加到购物车按钮。我有一个脚本在过去对我有用，可以检查用户的 cookie。但是在为新站点编辑此脚本后，证明它不起作用。

我可能搞砸了一些非常简单的语法，所以如果有人可以快速查看我的脚本并告诉我哪里出错了，那就太好了!

<script type="text/javascript">
function DisplayAuthorizedContent(name) {
    var cookies=document.cookie;
    var start = cookies.indexOf(name + "=");
    var name = "";
    var start1; 
    var end1;
    var tmp;
    var signed_in = -1;

    if (start != -1) {
        start = cookies.indexOf("=", start) +1;
        var end = cookies.indexOf("|", start);
        if (end != -1) {
            signed_in = cookies.indexOf("|yes", start);
            name = unescape(cookies.substring(start,end-1));
            if (signed_in != -1) { 
                $('.loginFilter').show();
            }
        }
    }
    if (signed_in == -1) {
        $('.loginFilter').empty();
        $('.addMessage').each(function(){
            $(this).append('Requires Wholesale Account to Purchase.<br><br><a href=\"#\" class=\"applyLink\">Apply Here<\/a>');
            $(this).show();
        });
    }
}
DisplayAuthorizedContent("ss_reg_000778370");
</script>

HTML

<div class="loginFilter addMessage"><a href="#">Add to Cart Example</a></div>

Answer 1

听起来按钮可能不会在页面加载时隐藏。

我猜你需要像 jQuery 这样的东西:

$('.loginFilter').hide();

您可以使用 javascript 隐藏按钮(您必须将 id = 'button' 添加到 HTML)

document.getElementById('button').style.visibility = 'hidden';

这里有一些隐藏/显示引用资料: http://www.w3schools.com/jquery/jquery_hide_show.asp Hiding a button in Javascript