IndexOf не поддерживается в браузере IE8

У меня есть каскадное раскрывающееся меню в моем приложении, каскадное использование jquery, теперь моя проблема заключается в том, что он работает плавно с IE9, Firefox, Opera и Safari, но не работает ни с одним из браузеров, как IE7, IE8 и т.д.

Я просмотрел эту проблему и обнаружил, что ошибка связана с indexOf в моем коде jquery, я попробовал ее, удалив indexOf, но все же он дает ту же ошибку.

Примечание. Есть ли какая-либо работа в telerik script, чтобы удалить indexOf, но только в том, что я могу найти indexOf в их script.

Ниже приведен код:

function OnClientSelectedIndexChanged(sender, eventArgs) {
var senderId = sender.get_id().toString();

var uniqueName = senderId.substring(senderId.lastIndexOf('_'), senderId.length);

if(senderId.indexOf("drpdwnCondition") > 0)
{
   return false;
}

var selectedItem = eventArgs.get_item();
var selectedValue = selectedItem.get_value().split('_');
$.ajax({ type: "POST", async: true,
    url: "/SalesRepresentativeMonitoring.aspx/GetData", contentType: "application/json; charset=utf-8",
    data: "{value:" + JSON.stringify(selectedValue[1]) + "}", dataType: "json",
    success: function (msg) {
        var resultAsJson = msg.d // your return result is JS array
        // Now you can loop over the array to get each object
        var cnditionCombo = $find("ctl00_ContentPlaceHolder1_radDock_C_Filter_drpdwnCondition" + uniqueName.toString());
        cnditionCombo.clearSelection();
        cnditionCombo.trackChanges();
        cnditionCombo.clearItems();
        for (var i in resultAsJson) {
            //alert(resultAsJson[i]);
            var item = new Telerik.Web.UI.RadComboBoxItem();
            item.set_text(resultAsJson[i]);
            item.set_value(resultAsJson[i]);
            cnditionCombo.get_items().add(item);
        }
        var itemAtIndex = cnditionCombo.get_items().getItem(0);  //get item in detailCB
        itemAtIndex.select();
        cnditionCombo.commitChanges();
    }
});

}

Спасибо тебе..

Ответы

Ответ 1

Метод indexOf() Array не реализован в IE < 9. Когда вы используете jQuery, вы можете использовать $.inArray(), например

var arr = ["foo", "bar", "baz"],
    bazIndex = $.inArray("baz", arr), // 2
    doesntExistIndex = $.inArray("notThere", arr); // -1

Здесь документация: http://api.jquery.com/jQuery.inArray/.

Ответ 2

Документация для indexOf в MDN включает в себя pollyfill, который добавит поддержку в браузерах, которые не поддерживают JavaScript 1.6.

Вы можете отказаться от него, чтобы не переписывать существующий код.

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function (searchElement /*, fromIndex */ ) {
        "use strict";
        if (this == null) {
            throw new TypeError();
        }
        var t = Object(this);
        var len = t.length >>> 0;
        if (len === 0) {
            return -1;
        }
        var n = 0;
        if (arguments.length > 0) {
            n = Number(arguments[1]);
            if (n != n) { // shortcut for verifying if it NaN
                n = 0;
            } else if (n != 0 && n != Infinity && n != -Infinity) {
                n = (n > 0 || -1) * Math.floor(Math.abs(n));
            }
        }
        if (n >= len) {
            return -1;
        }
        var k = n >= 0 ? n : Math.max(len - Math.abs(n), 0);
        for (; k < len; k++) {
            if (k in t && t[k] === searchElement) {
                return k;
            }
        }
        return -1;
    }
}