Элемент jQuery toggle () img в document.ready - проблема с Chrome

Question

Я пытаюсь переключать некоторые элементы (метки / поля / img) с помощью jQuery, основываясь на том, что jQuery заканчивается селектором. Все отлично работает в IE / Firefox / Safari - но не в Google Chrome. Существует проблема с элементами img в функции document.ready (). Chrome не переключает эти элементы img.

Есть идеи, предложения? Спасибо.

jQuery 1.5.1 Chrome 12.0.742.100

<script type="text/javascript">
$(document).ready(function () {
    var v = $('#VNType').val();
    if (v == 'equalToVP') {
        ToggleVisibility();
    }
});

function ToggleVisibility() {
    //jquery ends with selector
    //hide label/fields/img
    $('[id$="VN"]').toggle();
    $('[for$="VN"]').toggle();

}

Answer 1

Вероятно, это связано с тем, что ready срабатывает до загрузки изображений. Попробуйте вместо этого load и посмотрите, решит ли это проблему.

$(window).load(function () {
  // run code
});