Question

我已经在SO上看到了类似的主题。

我点按index.php按钮url.php通过<div>中的index.php中的ajax加载<{1}}

在url.php上有几个<div>。我希望它们中的一些只有在点击按钮后才能看到。我得到了解决方案。 但只有1个div可见隐藏隐藏是否归因于z-index属性？

的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>

url.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”且标签给我评分。

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

链接到完整代码：

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

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

Answer 1

这不是答案，而是因为我无法评论 - 实际上这是因为css冲突而发生的。尝试通过类在每个这样的元素中显示，然后在你做的时候应用直接样式。你也可以使用！important来提供更高的偏好。

隐藏由ajax调用加载的页面上的多个<div>，直到按钮单击</div>

1 个答案: