Question

我已经制作了this弹出窗口，我已将其嵌入到以下网站的正文中。但它不会在网站上显示。我确信自从多次检查以来我已经正确放置了代码。网站为here。

<div id="popup">
        <h1>JamaPunji</h1>
        <p><a href="http://www.jamapunji.pk/">Click here</a> to get details.</p>
       <a href="#" id="close_popup">Close</a>
</div>

的JavaScript

$(document).ready(function() 
 {    $("#popup").css("display", "block");
  });

  $("#close_popup").click(function(){
    $("#popup").css("display", "none");
  });

CSS

#popup{
    position: absolute;
    background: #004990;
    display: none;
    top: 45%;
    left: 45%;
    width: 300px;
    height: 200px;
    /* border: 1px solid #000; */
    border-radius: 5px;
    padding: 5px;
    color: #fff;
} 
#close_popup{
    color:#FFF;
    position:absolute;
    right:0px;
    top:0px;
}
#popup h1,#popup p, #popup a{
    text-align:center;
}
#popup a{
    color:#F47B20;
}

Answer 1

在您的页面中，相同的ID重复两次。尝试删除一个具有相同ID的div块（行号：43,1107）

<div id="popup">
        <h1>JamaPunji</h1>
        <p><a href="http://www.jamapunji.pk/">Click here</a> to get details.</p>
       <a href="#" id="close_popup">Close</a>
</div>

弹出代码未显示在网站上

1 个答案: