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 回答