щелчок элемента в родительском окне

Question

У меня есть два окна.

Один родитель, а второй - iframe. Когда ссылка на клик внутри iframe, я могу произвести элемент в родительском окне, но только определенные вещи.

Я могу добавить класс без каких-либо проблем, но когда я хочу вызвать щелчок, это не сработает.

Вот рабочий код для добавления класса:

родительское окно:

<a href="#/June-2013" id="page1">Name1</a> 
<a href="#/Cover" id="page2">Name2</a> 
<a href="#/Editorial-Cover" id="page3">Name3</a> 
<a href="#/Webcast" id="page4">Name4</a> 
<a href="#/Intuit" id="page5">Name5</a> 

Iframe:

<div class="page5">link</div> 

<script> 
    $('.page5').click(function(){ 
    parent.top.$('#page5').addClass('classadded'); 
    }); 
</script> 

Но когда я стараюсь

<script> 
    $('.page5').click(function(){ 
    parent.top.$('#page5').trigger('click'); 
    }); 
</script> 

ничего не происходит.

Любые идеи?

Благодаря

Jan

PS: их обоих на том же домене

Answer 1

не парень JQuery, но база d на моем тестировании на http://jsfiddle.net/kB3Jz/4/, даже тогда, когда в том же кадре, триггер только работает с JQuery присоединенными событий, не по умолчанию щелкните на ни непосредственно-DOM-присоединенные события ....

HTML:

<a href="http://example.com" id="page5">Name5</a> 
<div class="page5">link</div> 

JS:

$('.page5').click(function(){ 
    $('#page5').trigger('click'); 
}); 
$('#page5')[0].addEventListener('click', function() { 
    alert('hello'); // Won't be triggered 
}); 

$('#page5').click(function() { 
    alert('hello2'); // Will be triggered 
}); 

docs действительно говорят:

«Для обоих простых объектов и D ОМ объекты, кроме окна, если срабатывает название события совпадает с именем свойства на объекте, JQuery попытается вызвать свойство как метод если обработчик события не вызывает event.preventDefault()»

... так что кажется, что триггер должен работать (так как нажатие на объект DOM через $('#page5')[0].click() работает), но по какой-то причине это не так - может быть, просто потому, что выраженная «попытка вызвать» jQuery «по какой-то причине не сработала» ...

Я предлагаю изменить window.location с помощью обработчика jQuery с добавлением на # странице5

Answer 2

Я хотел бы попробовать

parent.location = parent.top.$('#page5').attr('href'); 

или

parent.location = parent.$('#page5').attr('href');