Question

基本上，我试图设置一个页面，以便在点击链接时它将在iframe中打开，但是父页面的url将使用哈希更新，但iframe的url将是原始点击的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);
    });

ie：对于网址，http://www.url.com/product-1（iframe网址）我希望它显示为http://www.url.com/#/product-1（页面网址）这是在magento。

谢谢，罗伯特

Answer 1

想通了

    $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，以便在其中打开网址。但仍然允许深层链接。

你可以在这里看到最终解决方案：

http://www.echodesign.com/

jquery地址和iframe

1 个答案: