0

textarea、2、3 input、およびのフォームがあり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

犯人はfancyboxにバインドされていると思う<fieldset class="profile">ので、取得しようとするfocus(クリックする)こともfieldsetタグに影響し、fancyboxを何度もトリガーします。

fieldset異なるクラスを使用して fancybox をトリガーするか、タグのクラスを変更してください。

于 2012-09-03T22:27:39.627 に答える