FancyBox にフォームを含むファイルをロードさせようとしています。jQuery Validate プラグインを使用して検証したいのですが、コールバックが行われる前にフォームが DOM に追加されません。
afterLoad オプションはアラートを開きますが、実際には ajax コンテンツがロードされる前に開きます。
クリックすると validate() を実行するロード済みファイルに href を追加できますが、興味深いことに、同じページにそのクラスの別のフォームがあるため、クラスではなく ID でフォームを呼び出す場合にのみ機能します。
次のコードがあります。
<a href="/url" class="fancy fancybox.ajax">link</a></li>
$(".fancy").fancybox({
maxWidth : 800,
maxHeight : 600,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none',
afterLoad: function() {
//$(".validateMe").validate();
alert(987987);
}
});
<form id="someId" action="javascript:someFunction();" class="validateMe" method="post">