jquery地址和iframe

Posted 2023-05-07

【中文标题】jquery地址和iframe

【英文标题】：jquery address and Iframes

【发布时间】：2012-02-13 16:40:11

【问题描述】：

基本上，我试图设置一个页面，以便当点击链接时，它将在 iframe 中打开，但父页面的 url 将使用哈希更新，但 iframe 的 url 将是原始点击的 url（没有哈希）。我到了初始点击事件起作用的地步。但是更改事件（如果用户直接链接到页面）不起作用。这是我的代码的 sn-p：

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

谢谢，罗伯特

【参考方案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，以便在其中打开 url。但仍然允许深度链接。

您可以在此处查看最终解决方案：

http://www.echodesign.com/