1

基本上，我试图设置一个页面，以便当点击链接时，它将在 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);
    });

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

谢谢，罗伯特

4

1 回答 1

0

弄清楚了

    $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/

于 2012-03-09T15:27:45.710 回答