Ошибка jQuery только в IE (8) - «Объект не поддерживает ...» - PullRequest
6 голосов
/ 22 февраля 2011

У меня есть этот фрагмент кода (AJAX) в jQuery.

$.get('someScript.php?lat=' + clickedLatLng.lat() + '&lon=' + clickedLatLng.lng() + '&value=5', doSomething);

И это функция (показывает значок на Google Картах и ​​изменяет некоторые значения в полях ввода).

function doSomething(data) {
    data = data.trim();
    data = data.split(","); 
    var stopName = data[0];
    var stopLat = data[1];
    var stopLon = data[2];

    $("#start").val(stopName);

    if (startMarker == null) {
        startMarker = new google.maps.Marker({
                            position: new google.maps.LatLng(stopLat,stopLon),
                            map: map,
                            zIndex: 2,
                            title: stopName,
                            icon: startImage 
        });
    } else {
        startMarker.setPosition(new google.maps.LatLng(stopLat,stopLon));
    }
}

Но это работает во всех браузерах, кроме IE, в моем случае IE 8. Я не тестировал его в IE 6/7. Выскакивает эта ошибка ...

jquery error in IE 8

Я посмотрел в jquery.js , и это функция, где она ломается ...

            // resolve with given context and args
            resolveWith: function( context, args ) {
                if ( !cancelled && !fired && !firing ) {
                    firing = 1;
                    try {
                        while( callbacks[ 0 ] ) {
                            callbacks.shift().apply( context, args );
                        }
                    }
                    finally {
                        fired = [ context, args ];
                        firing = 0;
                    }
                }
                return this;
            },

на самом деле

callbacks.shift().apply( context, args );

Может кто-нибудь помочь? В чем проблема? То же самое с jquery-1.4.4.js

РЕДАКТИРОВАТЬ: Это мой большой код ...

    // Set some events on the context menu links
contextMenu.find('a').click( function()
{
    // fade out the menu
    contextMenu.fadeOut(75);

    // The link's href minus the #
    var action = $(this).attr('href').substr(1);

    switch (action) {
        case 'startMenu':
            $.get('someScript.php?lat=' + clickedLatLng.lat() + '&lon=' + clickedLatLng.lng() + '&radijus=5', doSomethingWithData1);
            break;

        case 'stopMenu':
            $.get('someScript.php?lat=' + clickedLatLng.lat() + '&lon=' + clickedLatLng.lng() + '&radijus=5', doSomethingWithData2);    
            break;
    }

    return false;
});

Когда пользователь щелкает элемент в контекстном меню в Картах Google, затем " doSomethingWithData1 " и " doSomethingWithData2 ". Это также код для контекстного меню

    // Hover events for effect
contextMenu.find('a').hover( function() {
    $(this).parent().addClass('hover');
}, function() {
    $(this).parent().removeClass('hover');
});

и это для AJAX

$.ajaxSetup ({  
        cache: false  
    }); 

Вот как я включил мои jQuery скрипты.

    <!-- Google Maps -->       
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<!-- Load Javascript / jQuery -->
<script type="text/javascript" src="js/jquery-1.5.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.position.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery.ui.autocomplete.js"></script>

<link rel="stylesheet" href="js/jquery.ptTimeSelect.css" type="text/css" media="all" />

<script type="text/javascript" src="js/jqtransformplugin/jquery.jqtransform.js"></script>
<link rel="stylesheet" href="js/jqtransformplugin/jqtransform.css" type="text/css" media="all" />

<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>

Ответы [ 2 ]

10 голосов
/ 22 февраля 2011

Это было так = / - .trim () в JavaScript не работает в IE

Решение - добавьте это, прежде чем использовать функцию .trim.

if(typeof String.prototype.trim !== 'function') {
  String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, ''); 
  }
}
0 голосов
/ 22 февраля 2011

Проблема в том, что обратные вызовы переменных в этом случае не являются массивом.следовательно, callbacks.shift () терпит неудачу

Что касается причины, назовите меня параноиком, но попробуйте свой код таким образом

var url = 'someScript.php?lat=' + clickedLatLng.lat() + '&lon=' + clickedLatLng.lng() + '&value=5';
$.get(url,function(data){
console.log(data);
});

//if the above worked then try this
$.get(url, doSomething);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...