0

我已经在 SO 上看到过类似的线程。

我index.php在按钮单击时url.php通过 ajax 在<div>当前加载index.php

上url.php有几个<div>。我希望其中一些仅在单击按钮后才可见。我得到了解决方案。 但是只有 1 个 div 变得可见其余隐藏是由于z-index财产吗？

索引.php：

<script>
$("#load_url").click(function(){
    $.ajax({
        url:"url.php",
        success:function(response) {
            $("#view_port").html(response);
            $("#load_url").hide();
        }
    }); 
});

function show2() {
   //alert("hi");
    document.getElementById("txtHint").style.display = "block";
    document.getElementById("rateit99").style.display = "block";
    document.getElementById("cb1").style.display = "block";
}
</script>

网址.php

   <body style="height: 560px">

      <div class="rateit bigstars" id="rateit99"  style="z-index: 1; display:none;" ><b>Rate Me </b></label>
      </div>
     <label2 color="red" id="l1" style="z-index: 1; left: 438px; display:none; top: 180px; position:absolute" ><b><u>Add comment</u> </b></label2>

    <form action="data.php" method="POST" onsubmit="showUser(this, event)">
    <div style="z-index: 1; left: 420px; top: 40px; position: absolute; margin-top: 0px">           
    <label>Enter URL: <input type="text" id="t1" value="http://www.paulgraham.com/herd.html" name="sent" style="width: 400px; height:40px;" ></label><br/>
    </div>
    <div style="z-index: 1;" >  <button onclick="show2();"> Get Sentiment </button>         
    </div>
    </form>
    <div style="z-index: 1; left: 720px; top: 110px; position: absolute; margin-top: 0px">   
    </div>
    <h4>

   <div id="txtHint" align="justify" style="z-index: 3;  ">         </h4>
         </div>
<div class="fb-comments" id='cb1'"  ></div>
</div>
      </body>

当点击获取情绪按钮时。只有id="txtHint"和标签Rate me出现。

cb1, rateit99仍然不可见，这里的错误是什么？

完整代码链接：

index.php http://codetidy.com/6857/

url.php http://codetidy.com/6858/

4

1 回答 1

0

这不是一个答案，但因为我无法评论 - 实际上这是由于 css 冲突而发生的。尝试通过类不显示所有此类元素，然后像您一样应用直接样式。您也可以使用 !important 给予更高的偏好。

于 2013-10-04T11:30:37.023 回答