如果將php頁面加載到div中，則顯示或隱藏HTML

Question

我基本上有一個結帳頁面（index.php），在其中我將其他4個頁面加載到“ content div”中 （按鏈接時）

<div id="content"></div>

使用..

 $("#content").load(link + '.php');

問題是我在同一頁面（index.php）上使用了兩種不同的Paypal結帳表單（標准和重復），它們都具有沖突的ID，我無法更改。

所以看起來像..

<form id="checkout_form" name="_xclick" action="https://www.paypal.com/us/cgi-bin/webscr" id="form" method="post" >
        <input type="hidden" id="unique" name="cmd" value="_xclick" />

</form>

還有第二個

<form id="checkout_form2" name="_xclick" action="https://www.paypal.com/us/cgi-bin/webscr" id="form" method="post" >
            <input type="hidden" id="unique" name="cmd" value="_xclick" />

    </form>

我想從根本上寫一個函數說.. 如果內容div中的頁面ID是div = xyz，則使用/顯示form1否則，如果page = zzz使用/顯示form2

..問題基本上是導致空白字段有時被發送到Paypal IPN的問題

Answer 1

這樣的load()完成后，必須進行檢查

$("#content").load(link + '.php', function() {
   // Do your id check here
   if($("#xyz").length) {
      $("#form1").show();
      $("#form2").hide();
   }
   else {
       $("#form1").hide();
       $("#form2").show();
   }
});

Answer 2

if ($("#content").children("#xyz")) {  //if #xyz exists in #content
    $("#form1").show();                //show form 1
}
else {                                 //otherwise
    $("#form2").show();                //show form 2
}

Answer 3

jQuery實現加載后的內容：

if($('#content').find('#xyz').length)
{
     $('#checkout_form').show(); // .hide();
}else if($('#content').find('#zzz').length)
{
     $('#checkout_form2').show(); // .hide();
}else
{
     $('#checkout_form3').show(); // .hide();
}

或本機JS show()/hide() is form.style.display == 'none' // 'block'