Javascript 将内容限制为某个已登录用户

我们希望在WordPress中实现将特定内容限制在自定义主题上，只需阅读页面主体内容中的用户角色

我试着用JS这样做（我知道它不安全），但没有得到我们想要的

我们想要实现的是，对于某些类型的用户（已经设法在HTML页面主体上提供用户类角色），应该显示一个弹出表单，这些用户在主题的单个列表页面上的Premium选项卡上导航，并且在不支付从属费的情况下不登录或不允许登录（当然，将内容隐藏在背景中）

在这里，您可以找到页面示例和下面选项卡的屏幕截图

这是我试图实现的代码

jQuery('.c27-submit-listing-form .account-sign-in .button').click(function(e) {
    e.preventDefault();

    jQuery('#sign-in-modal').modal('show');
});

// Force login for bookings
jQuery(document).ready(function($) {
    var tabs = [
        '_tab_1',
        'PREMIUM',
        'premium'
    ];

    tabs.forEach(function(tab) {
        $('body:not(.role-golfer_trial).single-listing .profile-menu li a:contains("' + tab + '")').unbind();
        $('body:not(.role-golfer_trial).single-listing').on('click', '.profile-menu li a:contains("' + tab + '")', function(e) {
            e.preventDefault();
            alert('You must be premium useres to view this content');
            $('#sign-in-modal').modal();
        });
    });
});

---

请不要花哨地引用，再试一次。将内容隐藏在后台是一个糟糕的主意。人们（像我一样）只需修复视图，以便看到它。您应该只提供您希望用户访问的内容-这应该在服务器端完成。

，
，
，
，
“
和
”
在JS中是无效的字符串分隔符。请使用
"
和
”
仅限。还可以删除选择器中连字符周围的空格。@不，最好使用诸如Style或TamperMonkey之类的扩展名，永久删除覆盖物CSS@Nope我有几个脚本和CSS文件，它们由Style和TamperMonkey应用于我经常访问的网站这是一个坏主意，但是如果内容值得观看，那么我完全支持他们的方法：D