Форум

Keeper · #1 (**permalink**) 19.03.2013, 17:47

В общем ситуация следующая, имеется страница, в которую посредством ajax запросов и jTemplate вставляются разнообразные html шаблончики...
Среди них имеется один с встроенным iframe, внутри которого грузится файлик со скриптами... в них есть код типа

$(window.parent.document).on('click', '#blablaId', function(){
// bla bla code
});

Странички периодически меняются, но есть шанс, что эта (с iframe) будет загружаться несколько раз, соответственно скрипты внутри срабатывают при каждой загрузке и в итоге при нажатии на какую нибудь кнопку идет допустим тройное выполнение "bla bla code".
Пробовал разное...

При каждой загрузке всё начинается с:

$(window.parent.document).off('click', '#blablaId');

фигня, не помогает ...

В родительском окне хранится индикатор, загружался ли ифрейм до этого ... - перестает вообще работать (я так понимаю новое же пространство создается в iframe каждый раз)

Мозг крошится... может кто подскажет как тут быть? (jQuery 1.7.2)

danik.js · #2 (**permalink**) 19.03.2013, 19:17

Документ во фрейме должен слушать событие unload и удалять обработчики. Хотя возможно события unload не возникнет. Впрочем его можно генерировать "вручную" перед удалением фрейма. Хотя наверно есть решение по-проще.

Keeper · #3 (**permalink**) 20.03.2013, 13:06

Не срабатывает оно при удалении фрейма...

danik.js · #4 (**permalink**) 20.03.2013, 16:00

Значит нужно генерить вручную. Или придумать другой способ нотификации фрейма об его удалении. Либо выставлять некий флаг и его проверять дабы не плодить обработчики.

zilker · #5 (**permalink**) 20.03.2013, 17:32

function Bla(){
// bla bla code
}

$(window.parent.document).on('click', '#blablaId', Bla);

...

$(window.parent.document).off('click', '#blablaId', Bla);

danik.js · #6 (**permalink**) 20.03.2013, 18:42

Суть в том что в коде навешивается обработчик события click на родительский документ. При выгрузке фрейма обработчик остается. При попытке off мы ничего не получим, ибо загружен уже новый объект jQuery и в его реестре нет старого обработчика данного обработчика. Возможно я ошибаюсь.

Keeper · #7 (**permalink**) 21.03.2013, 10:35

Короче говоря выхода тут не нашлось, пришлось кастыли прикручивать и переносить некоторые в "родительский" код.
Где то нашел вариант с зачисткой с помощью смены src - в моём случае не помогло...

Всем спасибо за помощь, но если кто то найдет способ - пишите! Сам поэкспериментирую )

danik.js · #8 (**permalink**) 21.03.2013, 11:10

Сообщение от Keeper

Не срабатывает оно при удалении фрейма...

Где тестили?

<script>
    function onFrameLoaded (frame) {
        alert('Фрейм загрузился');
        message.innerHTML = '';
        frame.contentWindow.document.body.innerHTML = 'Содержимое фрейма';
        // обработчик должен навешиваться самим фреймом, это просто для демонстрации.
        frame.contentWindow.onunload = function() {
            // alert будет заблокирован, так что выводим сообщение другим способом.
            message.innerHTML = 'onunload! Выгрузка фрейма, подчищаем за собой(удаляем обработчики и прочее)';
        }
    }
</script>
<body>
    <button id="loader">Обновить HTML</button>
    <div id="container"></div>
    <div id="message"></div>
    <script>
        var html = '<iframe onload="onFrameLoaded(this)" src="/"></iframe>';
        loader.onclick = function() {
            alert('Ща обновляем innerHTML');
            container.innerHTML = html;
        }
    </script>
</body>

Keeper · #9 (**permalink**) 21.03.2013, 11:16

danik.js Вы удалять пробовали iframe?
при замене контента то ясен пень будет ....

danik.js · #10 (**permalink**) 21.03.2013, 11:44

Сообщение от Keeper

Вы удалять пробовали iframe?

Как понять. Как удалять? Разве при очистке innerHTML он не удаляется?

Форум

Справочник

Discord чат

Курсы javascript