0

IE 7&8 でファンシーボックスを開く際に問題が発生しました。Chrome と FF で正常に動作します。この同じタイプの実装を別のページで使用しましたが、正常に動作します。ですから、何かが欠けているだけで、それを見るには新鮮な目が必要だと思います.

<script>
//booking info popup
jQuery(document).ready(function() {
    $("#biopopup").fancybox({
        'autoScale'         : false
    });
});
</script>

Fancybox を開くためのリンク:

<a id="biopopup" href="#bipop" class="btn btn-small btn-danger">Booking Inquiry</a>

ポップアップのコンテンツ:

<div style="display:none">
        <div id="bipop" style="width:450px;height:500px;">
            <div id="formHeader">
                <h2>Booking Inquiry</h2>
            </div>
            <div class="bookingForm">
                <form action="" method="" class="clearfix">
                    <div class="mainFields">
                        <input type="text" id="name" value="Full Name" onfocus="if (this.value == 'Full Name') {this.value=''}" onBlur="if (this.value == '') {this.value='Full Name'}">
                        <input type="text" id="organization" value="Organization" onfocus="if (this.value == 'Organization') {this.value=''}" onBlur="if (this.value == '') {this.value='Organization'}">
                        <input type="text" id="email" value="Email Address" onfocus="if (this.value == 'Email Address') {this.value=''}" onBlur="if (this.value == '') {this.value='Email Address'}">
                        <input type="text" id="phone" value="Phone Number" onfocus="if (this.value == 'Phone Number') {this.value=''}" onBlur="if (this.value == '') {this.value='Phone Number'}">
                        <input type="text" id="date" value="Desired Date" class="datepicker" onfocus="if (this.value == 'Desired Date') {this.value=''}" onBlur="if (this.value == '') {this.value='Desired Date'}">
                        <div class="clearfix">
                            <input type="text" id="city" class="ccity" value="City" onfocus="if (this.value == 'City') {this.value=''}" onBlur="if (this.value == '') {this.value='City'}">
                            <input type="text" id="state" class="cstate" value="State" onfocus="if (this.value == 'State') {this.value=''}" onBlur="if (this.value == '') {this.value='State'}">
                            <input type="text" id="zip" class="czip" value="Zip" onfocus="if (this.value == 'Zip') {this.value=''}" onBlur="if (this.value == '') {this.value='Zip'}">
                        </div>
                        <textarea id="comments" value="Comments" onfocus="if (this.value == 'Comments') {this.value=''}" onBlur="if (this.value == '') {this.value='Comments'}"></textarea>
                    </div>

                    <input type="submit" name="submit" value="Send Info." class="button green">
                </form>
            </div>
        </div>

ページはこちら: http://www.outreach.com/trial-test.aspx (「予約照会」ボタンをクリック)

4

1 に答える 1

0

私はそれを考え出した。私はフロント エンドの開発者であり、通常はこれに対処する必要はありませんが、当社の CMS は asp を使用しており、すべてのサーバー コントロールをタグ内に表示する必要があることを忘れていました。ポップアップでフォームを使用していますが、どこかで競合が発生しました。フォームタグを外したところ、動作するようになりました。

于 2012-12-13T14:01:46.043 に答える