javascript - 如果用户未登录,则按链接打开模式

标签 javascript php twitter-bootstrap bootstrap-modal

我在网站上有一个下载链接,并且试图在用户未登录的情况下将用户保留在页面上。我需要通过 php echo 显示 Bootstrap 模式,但前提是用户未登录.

问题是:

仅当用户登录时,如何在单击链接时显示模式?我也不介意 JS onclick 事件。

<?php
  if ( ! $logged_in){
   echo '<CODE-FOR-MY-MODAL>';
 }
?>

编辑:

如果用户未登录,也需要禁用该链接。

最佳答案

<?php
  if ( ! $logged_in){
   echo '<script>var loggedin = false; </script>';
 }
?>

然后在点击处理程序回调中,检查 loggedin 变量并决定是否显示模式。

jQuery 示例

$('.link').click(function(){

if(!loggedin){
// show modal
}

});

更新

根据评论中的讨论,这里有两个 fiddle ,一个显示用户未登录时的阻止行为,另一个是 Bootstrap 模式集成的工作示例。

http://jsfiddle.net/p8tfLbzs/

http://jsfiddle.net/p8tfLbzs/1

关于javascript - 如果用户未登录,则按链接打开模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46923197/

相关文章:

javascript - 如何在 JS Doc 中记录枚举值

javascript - 使用 velocity.js 将 div 动画化到中心?

php - 拉拉维尔 4 : custom select query

php - 我如何限制 CakePHP 中的某些内容?

html - CSS 布局 : make fluid left column and fixed right column equal in height

javascript - 如何通过多次调用在 Angular JS 服务或 Controller 中构建模型数据?

javascript - PHP:如何正确回显类和 id 以供 jQuery 呈现

html - 导航栏未显示为 block

html - 如何在响应式 View 模式下将导航栏链接居中

javascript - jQuery同时发布多个帖子