Проблема переключения JQuery в IE8 - PullRequest
Новая
       25

Проблема переключения JQuery в IE8

0 голосов
/ 06 апреля 2011

ниже мой код 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, кто-нибудь может сказать мне, где я сделал неправильный поворот

Спасибо

1 Ответ

1 голос
/ 06 апреля 2011

Я нашел решение

добавить $.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;
                    });

Теперь все отлично работает:)

...