Question

我想在this网站上显示JSGCL弹出窗口。它会显示弹出窗口但它既不会显示弹出窗口的文本，也不会在按下关闭时关闭弹出窗口。

HTML：

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

CSS：

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

JavaScript的：

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

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

Answer 1

你的DOM坏了。

原始代码缺少</div>结束标记。

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

而且在JSGCL上似乎$没有映射到jQuery，所以你也应该改变你的js：

jQuery(document).ready(function() {
    jQuery("#popup").css("display", "block");
    jQuery("#close_popup").click(function(){
        jQuery("#popup").css("display", "none");
    }); 
});

Answer 2

在你的网站上，在jQuery文件中调用$来使用滑块等。这意味着jQuery无效，但jQuery(document).ready(function() { jQuery("#popup").css("display", "block"); jQuery("#close_popup").click(function(){ jQuery("#popup").css("display", "none"); }); });有效，因此您的代码应如下所示：

$array[$key] = $value; //will overwrite what is under that key
$array[$key][] = $value //will add a value as a new sub-array node resulting in:
array(
    'key' => array (
        '0' => 'value',
    ),
)

display：none无法在弹出窗口中工作

2 个答案: