登录小部件使用jQuery动画另一个小部件

时间:2014-10-12 14:53:21

标签: jquery ajax wordpress login jquery-animate

编辑:我打开了一个新问题,因为我发现我需要一个PHP代码而不是jquery:Add echo to my wordpress sidebar for non-connected users


我在我的WordPress测试网站上使用Nice Login Widget进行连接。不幸的是,登录小部件没有“Inscription”链接,因此我在登录小部件下的文本小部件中创建了一个链接。问题是此链接未与登录窗口小部件同步,即使连接成员和联机时也可以看到此链接。我希望当有人连接时,“铭文”链接不可见。

我使用的jQuery在我的情况下不起作用,因为当登录小部件刷新页面时,jQuery效果不会保留,但css会获得优先级...请参阅此处的演示:http://www.igorlaszlo.com/test/ - 你可以用用户名连接自己:testing / password:testing2014

CSS

/* this is the text widget with the "Inscription" link */
#text-7 {
opacity: 1;
}

脚本

    // when the "Login" button is loaded and clicked, Inscription link is invisible 
    jQuery('.sp-widget-login-div form p input').load(function(){
        jQuery('#text-7').animate({'opacity':0},500,'easeInCirc');
    });
    jQuery('.sp-widget-login-div form p input').click(function(){
        jQuery('#text-7').animate({'opacity':0},500,'easeInCirc');
    });

    // when the "Logout" link is loaded and clicked, Inscription link is visible
    jQuery('.logout-link').load(function(){
        jQuery('#text-7').animate({'opacity':1},500,'easeInCirc');
    });
    jQuery('.logout-link').click(function(){
        jQuery('#text-7').animate({'opacity':1},500,'easeInCirc');
    });

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

使用is_user_logged_in()函数显示或隐藏链接。

if ( is_user_logged_in() ) {
   echo '<a href="#">Your link</a>';
}