Question

我在IE 7＆amp; 8中打开一个fancybox时遇到了问题。它在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（点击“预订查询”按钮）

Answer 1

我明白了。我是一个前端开发人员，通常不需要处理这个问题，但我们的CMS使用的是asp，我忘记了所有服务器控件都必须出现在标签中。我在弹出窗口中使用了一个表单，并在该行的某处产生了冲突。我取下了表格标签，现在可以使用了。

Fancybox文本链接未打开叠加

1 个答案: