JQuery адрес и Iframes - PullRequest
Новая
       21

JQuery адрес и Iframes

1 голос
/ 19 января 2012

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

$j('.products-grid .item a, .post a').click(function(){
   $details.fadeIn().addClass('active');
   $j.address.value($j(this).attr('href').substr(2));
   $details.animate({left:detailGap}, { duration: 500, easing: 'easeInOutExpo'});
});

    }).change(function(event) {
       $iframe.attr('src', event.value);
       $details.fadeIn().addClass('active');
       $details.animate({left:detailGap}, { duration: 500, easing: 'easeInOutExpo'});
       var loadurl = location.origin + location.pathname +location.hash.substr(1);
       alert(loadurl);
       $iframe.attr('src', loadurl);
    });

т.е.: для URL-адреса http://www.url.com/product-1 (URL-адрес iframe) Я хочу, чтобы он отображался как http://www.url.com/#/product-1 (URL-адрес страницы)это в пурпурном.

спасибо, Роберт

1 Ответ

0 голосов
/ 09 марта 2012

понял это 

    $j('.products-grid .item li a').click(function(){
            $j('html, body').animate({scrollTop: '0px'}, 100);
            $j.address.value($j(this).attr('href'));
            $details.fadeIn().addClass('active');
            $j('body').addClass('open');
            $iframe.attr('src', 'about:blank');
            $details.animate({'left':detailGap - navGap}, { duration: 500, easing: 'easeInOutExpo'});
});

открывает созданную мной выдвижную панель, в которой находился iframe.

Я установил цель на iframe, чтобы в ней открылся URLно все же учитывает глубокую связь.

окончательное решение вы можете увидеть здесь:

http://www.echodesign.com/

...