Question

下面是我的JQuery代码：

 $("#contact").live('click', function(event) {
                            $(this).addClass("selected").parent().append('<form name="emailform"><div class="messagepop pop"><p><label for="sname">Your Name</label><input type="text" size="30" name="sname" id="sname" /></p><p><label for="email">Your Email</label><input type="text" size="30" name="email" id="email" /></p><p><input type="submit" value="Send Reservation Summary" name="commit" id="message_submit" class="btn"/>&nbsp;&nbsp;<button class="btn close">Cancel</button></p></div></form>');
                            $(".pop").slideFadeToggle(function() {
                                $("#sname").focus();
                            });
                            return false;
                        });

 $.fn.slideFadeToggle = function(easing, callback) {
                            return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback);
                        };

从上面的代码中，当我点击一个按钮时，会弹出一个带有一些幻灯片动画的弹出窗口，除了IE8之外，它可以和其他所有浏览器一起使用，有人能告诉我在哪里做错了

由于

Answer 1

我找到了解决方案

添加$.fn.slideFadeToggle = function(easing, callback) { return this.animate({ opacity: 'toggle', height: 'toggle' }, "fast", easing, callback); };

之前

$("#contact").live('click', function(event) {
                        $(this).addClass("selected").parent().append('<form name="emailform"><div class="messagepop pop"><p><label for="sname">Your Name</label><input type="text" size="30" name="sname" id="sname" /></p><p><label for="email">Your Email</label><input type="text" size="30" name="email" id="email" /></p><p><input type="submit" value="Send Reservation Summary" name="commit" id="message_submit" class="btn"/>&nbsp;&nbsp;<button class="btn close">Cancel</button></p></div></form>');
                        $(".pop").slideFadeToggle(function() {
                            $("#sname").focus();
                        });
                        return false;
                    });

现在它可以正常工作：）

IE8中的JQuery切换问题

1 个答案: