Question

在我的wordpress网站上，我有一个只能通过密码访问的页面，这是使用内置密码保护可见性的wordpress。

我想要的是当用户输入密码时，我想添加css，它将在标题菜单中显示当前隐藏的另一个项目。

jQuery("input[name=Submit]").click(function() {
if(jQuery("input[type='password']").val() == 'test12345'){
jQuery("#menu-item-222").css("display","block")
}
});

无论如何使用php实现这个目的吗？

修改

回顾我的回答并不是很清楚，我想做的是在用户输入正确的密码后显示样式，然后在页面上显示隐藏的框/更改并刷新

这是我从答案中得到的。

Version10 Version 8 Version9 Version 5 version1  expected Output
  1         1          0         0        0      Version10
  0        0            1       1        0       Version9
  0          1         1        1         1      Version8
  0          0          0        0        1       version1

Answer 1

请检查一下。您需要输入正确的密码才能在顶部显示隐藏元素。

$("#pwd").keyup(function() {
        if ($('#pwd').val() == "test123"){
            $('#content').show('slow');
        }
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div id="content" style="display:none;">
    Testing Content
</div>
<form>
    Enter the password to see the content:
    <input id="pwd" type="password" name="pwd" />
</form>

Answer 2

可以通过查看输入值来使用javascript或jquery来实现。让我们假设你的密码是'12345'

$(document).ready(function(){
  if($("input[type='password']").val() == '12345'){
    $("#menu-item-222").css("display","block")
  }
})

输入密码时显示样式

2 个答案: