Событие клика в IFrame работает с перебоями

Question

Я пытаюсь быстро настроить редактор новостной рассылки, используя биты стороннего программного обеспечения и уже существующие шаблоны. Я решил использовать форматированный информационный бюллетень в IFrame и позволить пользователям нажимать на разделы, которые они хотят изменить. Поскольку я не могу свободно что-то менять в другом месте, мой подход немного неудачен.

Тем не менее, он работает, хотя и с перерывами. Проблема в событии click. Иногда это работает нормально, иногда требуется до десятка обновлений страницы, чтобы получить его для запуска. Поскольку это трудно устранить, мне интересно, если бы другой подход решил мою проблему. ID messageFrame относится к элементу IFrame.

$("#messageFrame").bind("load",function(){
    $("#messageFrame").contents().find('.editable').bind('click', function(){
        var indexID = $(this).attr('id');
        if (indexID.includes('img')) {
            $('#imageInput').data('location', indexID).val($(this).attr('src'));
            $('#imageModal').modal('show');
        } else {
            $('#textInput').data('location', indexID).val($(this).children(':nth-child(3)').text().trim());
            $('#textModal').modal('show');
        }
    });
});

В какой-то момент я спроектирую что-то лучше, но это будет соответствовать начальному требованию, если я смогу заставить его работать последовательно.