Javascript 在主页上加载覆盖
我正试图在我的注册主页面上显示一个“立即注册”覆盖图。这仅在用户导航到我的站点的第一页时显示。单击“立即注册”按钮，覆盖立即隐藏。然而，我有麻烦的覆盖显示在整个网站随机。如何限制覆盖仅在用户位于主页时显示？我使用的是codeigniter，但我试图仅通过javascript实现这一点。主页url的格式为www.xyz.com/register，站点中的后续页面为www.xyz.com/register/2，依此类推，url末尾的数字表示页码Javascript 在主页上加载覆盖,javascript,jquery,Javascript,Jquery,我正试图在我的注册主页面上显示一个“立即注册”覆盖图。这仅在用户导航到我的站点的第一页时显示。单击“立即注册”按钮，覆盖立即隐藏。然而，我有麻烦的覆盖显示在整个网站随机。如何限制覆盖仅在用户位于主页时显示？我使用的是codeigniter，但我试图仅通过javascript实现这一点。主页url的格式为www.xyz.com/register，站点中的后续页面为www.xyz.com/register/2，依此类推，url末尾的数字表示页码 <body> <div id="v2
<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>
#v2Overlay
{
身高：100%；
宽度：100%；
位置：绝对位置；
z指数：999；
}
$（“.registerNow”）。单击（函数（）
{
控制台日志（“单击”）；
$（“#v2Overlay”）.hide（）；
$（“#包装器”）.show（）；
});
$（函数（）{
var base_url=''；
var href=window.location.href；
//登录页面=是
如果（基本url==href）
{
$（“#包装器”）.hide（）；
$（“#v2Overlay”）.show（）；
}
});