0

我有一个带有 a textarea、几个inputs 和 a的表格submit。花式框完美打开，但是当我单击任何一个字段以获得焦点时，框会立即关闭并重新打开，仅显示表单内容。使用仅包含表单的新框，如果我尝试获得焦点，同样的事情会再次发生，再次重新打开表单。

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 加载的。

4

1 回答 1

1

我认为罪魁祸首是<fieldset class="profile">绑定到fancybox，因此尝试获取focus（单击）也会影响fieldset标签，从而一遍又一遍地触发fancybox。

使用不同的类来触发 fancybox 或更改fieldset标签的类。

于 2012-09-03T22:27:39.627 回答