FancyBox正在关闭表单焦点并仅使用表单内容重新打开

时间:2012-09-03 22:07:24

标签: jquery fancybox html-form

我的表单中包含textarea,几个inputsubmit。 fancybox完美打开,但是当我单击任何一个字段进行焦点时,该框立即关闭并仅使用表单内容重新打开。使用仅包含表单的新框,如果我尝试获得焦点,同样的事情再次发生,再次重新打开表单。

HTML表单:

<form>
<fieldset class="profile">
<legend>Email John Doe:</legend>

<!-- PASS NAME (to query email) to the script -->
<input type="hidden" name="who" value="John Doe" />

<label for="from">Your Email:</label><br />
<input type="email" id="from" name="from" /><br />
<label for="message">Message:</label><br />
<textarea id="message" name="message" rows="4"></textarea>
<input type="submit" value="Send Email" />
</fieldset>
</form>

jQuery的:

$(document).ready(function() {
    $('.profile').fancybox({
        closeClick  : false
    });
});

之前我曾经使用过fancybox,但这让我完全难过。我确定这是一个让我感到愚蠢的东西,但我不知道那个愚蠢的东西是什么。

PS:我不确定它是否相关,但内容是通过ajax加载的。

1 个答案:

答案 0 :(得分:1)

我认为罪魁祸首是<fieldset class="profile">,它绑定到fancybox,因此尝试获取focus(点击)也会影响fieldset标记,这会一次又一次地触发fancybox。 / p>

使用其他类触发fancybox或更改fieldset标记的类。