在主页上加载叠加层

时间:2017-05-11 16:04:29

标签: javascript jquery

我正在尝试在主注册页面上显示“立即注册”叠加层。这仅用于显示用户是否导航到我网站的第一页。通过单击“立即注册”按钮,立即隐藏叠加层。但是,我无法在整个网站中随机显示叠加层。如何将叠加限制为仅显示用户是否在主页?我正在使用codeigniter,但我试图通过javascript实现这一点。主页网址格式为www.xyz.com/register,网站后续页面为www.xyz.com/register/2,依此类推,网址末尾的编号为页码。

<body>
<div id="v2Overlay">
  <button class="registerNow"></button>
</div>
<sitecontent></sitecontent>
</body>

<style>
    #v2Overlay
    {
        height: 100%;
        width:100%;
        position:absolute;
        z-index: 999;
    }
</style>
    <script>
        $(".registerNow").click(function()
        {
            console.log("clicked");
            $("#v2Overlay").hide();
            $("#wrapper").show();
        });
            $(function() {
                var base_url = '<?php echo base_url(); ?>';
                var href= window.location.href;

                //LOGIN PAGE = YES
                if (base_url === href)
                {
                    $("#wrapper").hide();
                    $("#v2Overlay").show();
                }
            });
    </script>

1 个答案:

答案 0 :(得分:0)

尝试默认#v2Overlay CSS类显示:none,然后只有当你在主页上显示它时..如果你正在使用CodeIgniter,那么你应该很容易确定在登录页面上,如果您在没有注册活动会话时将其设置为控制器的主视图...