0

SOで同様のスレッドをすでに見ました。

現在、ボタンをindex.phpクリックurl.phpするとajaxを介してロードされます<div>index.php

のカップル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>

ボタンGet Sentimentがクリックされたとき。id="txtHint"とラベルRate meのみが表示されます。

cb1、rateit99は見えないままです。バグは何ですか?

完全なコードへのリンク:

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

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

4

1 に答える 1