这应该是切片面包以来最简单的事情了……
我只想在登录时隐藏我的按钮并显示注销按钮。
jQuery().ready(function($) {
if ($("body").hasClass("logged-in")) {
$(".logged-out-button").css("display", "none !important");
$(".logged-in-button").css("display", "inline !important");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<body class="logged-in">
<li class="menu-item menu-item-type-post_type menu-item-object-page logged-out-button"><a href="http://www.savingaddicts.com/wp-login.php?action=register"><span>Register</span></a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page logged-out-button"><a href="http://www.savingaddicts.com/wp-login.php?action=login"><span>Login</span></a>
</li>
<li class="menu-item menu-item-type-post_type menu-item-object-page logged-in-button"><a href="http://www.savingaddicts.com/wp-login.php?action=logout"><span>Logout</span></a>
</li>
</body>
感谢任何帮助。
最佳答案
将 document
添加到您的 ready 函数是脚本必须知道它在等待什么,否则它不知道它“准备好”的是什么。我删除了重要的标签并修复了 jQuery 函数,这有效:
jQuery(document).ready(function($) {
if ($("body").hasClass("logged-in")) {
$(".logged-out-button").css("display", "none");
$(".logged-in-button").css("display", "inline");
}
});
您可以在此处查看代码笔:http://codepen.io/erwstout/pen/zqpREW
关于javascript - jQuery 的 .css() 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36492833/