Изменение URL-адреса из iFrame: setTimeout изменяет порядок работы window.location?

Question

My iframe содержит ссылку, которая должна изменить хеш/триггер события в родительском.

Каким образом этот код не будет работать:

<!-- in iframe --> 
<a href="#" onClick="parent.navigate();return false;">Link</a> 

// in parent 
    function navigate() { 
    window.location.href = '#anchor'; 
    } 

Но это делает:

<!-- in iframe --> 
<a href="#" onClick="parent.navigate();return false;">Link</a> 

// in parent 
    function navigate() { 
    setTimeout(function() { 
     window.location.href = '#anchor'; 
    }, 0); 
    } 

Answer 1

Я думаю, что у вас есть проблемы с контекстом, что функция навигации() находится, с window быть в контексте фрейма.

Попробуйте установить навигацию метод использовать top.location.href вместо этого, например:

// in parent 
    function navigate() { 
    top.location.href = '#anchor'; 
    } 

или в качестве альтернативы, в вашем IFRAME, звоните parent.window.location.href = '#anchor'

Answer 2

@am не комментарий пользователя, что у вас есть апостроф, вероятно, причина

Даже маркер кода показывает различные моменты из-за этого.