代码之家 › 专栏 › 技术社区 › Bram Van Vleymen

使用javascript显示灯箱

lightbox popup html php javascript

Bram Van Vleymen · 技术社区 · 9 年前

我有一个用户登录的灯箱。当他们提交表单时,它会检查用户是否已登录,如果没有,则需要显示灯箱以允许用户登录。

我如何使用javascript实现这一点。

这是在单击链接时使灯箱显示的html代码。

<a href="#" class="popup-login">Login</a>

这是我到目前为止拥有的javascipt,其他是当用户未登录时。这是我希望灯箱显示的地方。

function islogin(){
    if(is_user_logged_in()){
        add_file_post();
    }else{

    }
}

通过模式打开登录/注册

UserPro内置了对模式或灯箱视图的支持,您可以使用显示其任何短码,就像标准短码一样。

如何通过模式或灯箱显示登录表单?

您需要具有此类的菜单项或自定义HTML链接: 弹出式登录 就是这样。例如:

<a href=“#”class=“弹出登录”>登录</a>

1 回复 | 直到 9 年前

user1496624 9 年前

这可能不是最漂亮的方法,但您可以尝试在锚元素上执行click()函数。

function islogin(){
  if(is_user_logged_in()){
    add_file_post();
  }else{
    jQuery('.popup-login').click();
  }
}

推荐文章

nr159 · 如何让一个只支持Css的灯箱在一个页面上运行多个图像?

7 年前

Dan073 · 如何在图像下方添加标题(图像用于灯箱)

7 年前

Shahbaz A. · HTML5视频:自动播放在lightbox中不工作

7 年前

xendi · Videojs响应灯箱不工作

7 年前

Enzo · UIKit Lightbox next按钮工作不正常

7 年前

Octtavius · 为什么html5lightbox不能与angular一起工作?

9 年前

Bram Van Vleymen · 使用javascript显示灯箱

9 年前

Roy Grubb · 如何在jQuery中使用.on(“click”……)之后的类和数据类型模拟<a>标记

10 年前

Eager2Learn · Magento-在新窗口或选项卡中以LightBox打开页面

11 年前

icanhazgiraffe · 如何使用fancybox打开外部链接

11 年前