如果将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'