javascript - 脚本5007。 IE7无法读取函数

Question

我正在开发一个项目的一部分，该项目通过更改事件更改地址。地址信息以 json 数组的形式传递。

不幸的是，我编写的代码无法在 IE7 上运行。我已经在大多数可用的浏览器上实现了我的目标，但我不知道如何在 IE7 上解决这个问题。这是我的代码片段:

<script type="text/javascript">
var remote_self_json_branches_text = <?=$remote_self_json_branches?>;

function selfOfficeChangeText(element)
{
    console.log(remote_self_json_branches_text);
    $(".self_del").css('display', 'none');
    $("#self" + $(element).val()).css('display', 'block');
}

function change_delivery_office_selection_text (branch_id) {
    var cityMap = '';
    if(branch_id == 1){
        $('.textBlockContainer #self .headerImage').removeClass('remote-self').addClass('self');
    }

    if(branch_id == 2){
        $('.textBlockContainer #self .headerImage').addClass('remote-self').removeClass('self');
    }

    if(branch_id == 3){
        $('.textBlockContainer #self .headerImage').addClass('remote-self').removeClass('self');
    }

    $(".cityBranch").css('display', 'none');
    $("#city" + branch_id).css('display', 'block');

}

$(document).ready(function(){
    var mapUrl = '<?= $deliveryOffices[1]['mapCoordinates']?>';
    dom('delivery_office_title_text').innerHTML = remote_self_json_branches_text[1].v_title;
    dom('delivery_office_address_text').innerHTML = '<a class="mapPopup" href="' + mapUrl + '">' + remote_self_json_branches_text[1].v_address + '</a>';
    dom('delivery_office_work_time_text').innerHTML = remote_self_json_branches_text[1].v_work_time;

    var mapUrl = '<?= $deliveryOffices[2]['mapCoordinates']?>';
    dom('delivery_office_title1_text').innerHTML = remote_self_json_branches_text[2].v_title;
    dom('delivery_office_address1_text').innerHTML = '<a class="mapPopup" href="' + mapUrl + '">' + remote_self_json_branches_text[2].v_address + '</a>';
    dom('delivery_office_work_time1_text').innerHTML = remote_self_json_branches_text[2].v_work_time;

    var mapUrl = '<?= $deliveryOffices[3]['mapCoordinates']?>';
    dom('delivery_office_title2_text').innerHTML = remote_self_json_branches_text[3].v_title;
    dom('delivery_office_address2_text').innerHTML = '<a class="mapPopup" href="' + mapUrl + '">' + remote_self_json_branches_text[3].v_address + '</a>';
    dom('delivery_office_work_time2_text').innerHTML = remote_self_json_branches_text[3].v_work_time;
});
</script>

我正在使用这里的功能:

<div class="win-xp selCont">
    <select name="delivery_office" id="delivery_office_text" class="post_lt_branch" onchange="selfOfficeChangeText(this); change_delivery_office_selection_text(this.value);">
        <option value="0">-- <?=t('Pasirinkite')?> --</option>
        <?php foreach ($deliveryOffices as $key => $val) { ?>
            <option address="<?=$val['city']?>, <?=$val['address']?>" value="<?=$val['id']?>" title="<?=$val['city']?>, <?=$val['address']?>" <?php echo ($val['id'] == 1) ? 'selected' : ''; ?>><?=$val['name']?></option>
        <?php } ?>
    </select>
</div>

我收到此错误:

SCRIPT5007: The value of the property "selfOfficeChangeText" is null or undefined, not a Function object

我的猜测是浏览器没有足够的时间来加载 JavaScript。我对跨浏览器兼容性不是很熟练，所以任何帮助将不胜感激。提前致谢。

Answer 1

我的猜测是，IE 7 认为该值为 null 或未定义，因为您使用的是不兼容版本的 jQuery。尝试加载较低版本，例如 1.4 和/或更改选择器语法。

也许 jQuery 选择器如 $("#self"+ $(element).val()).css('display', 'block');在 IE 7 的最新版本中存在问题，返回 null 或 undefined 是正常的。