Document Ready，Fancybox和Ajax无法打开fancybox

Question

在我的父母身上，我有以下

<script type="text/javascript">

	$(document).ready(function() {
		$(".various").fancybox();
	});
</script>

<span id="inlined" name="inlined" style="display:none;">
	<h2>Send To blabla</h2>

	<form id="contact" name="contact" action="#" method="post">

		<label for="msg">Message</label>
		<textarea id="msg" name="msg" class="txtarea"></textarea>

		<button id="send">Send E-mail</button>
	</form>
</span>

并通过Ajax调用生成页面，该调用显示类似于以下内容的链接：

<a class="various" href="#inlined">Open Fancy Form</a>

我已经检查了控制台中的错误，但是当我点击“打开花式表格”时发现没有任何错误。我在另一个页面上有相同的基本项目，除了链接是硬编码的，它工作正常。当通过php / ajax调用生成Fancybox时，如何获得打开Fancybox的链接？

Answer 1

如果我理解你的问题，那么你必须致电

$(".various").fancybox();

在您加载内容后立即。

Answer 2

if(ajaxRequest.readyState == 4){ 
var response = ajaxRequest.responseText; 
triggerIT();
}


function triggerIT(){
    setTimeout(function (){
        $(".various").fancybox();

据我所知，必须告诉fancybox等待触发。 a .500等待似乎已经足够了。