Question

尝试在两个不同的平台上交叉引用一些项目（wordpress和shopify）。

为了清楚起见，我已设法通过此代码单击更改父窗口位置

document.domain = 'domain.com';
$(window).load(function(){
$("#frame").contents().find('.item').click(function(){
        window.top.location = "http://google.com";
        });
});

现在到了主要问题。如果点击iframe中的相应元素，则有一个隐藏的div包含我需要访问者发送到的所有帖子的列表。列表项目设置为

<a href="dynamiclink.com" class="itemstrack" id="letterprefix<?php dynamic-id-as-numbers-string?>" >1</a>

在iframe中，有一些div具有完全相同的动态ID

<div style="color:#008c99; cursor:pointer;" class="itempass" id="letterprefix{{dynamic-id-as-numbers-string}}">Whatever</div>

这是js我正在尝试使用

document.domain = 'domain.com';
$(window).load(function(){
 $("a.itemstrack").each(function(){
    var trackid = $(this).attr('id');
    var trackidhref = $(this).attr('href');

    $("#frame").contents().find('#letterprefix' +trackid).click(function(){
        window.top.location = trackidhref;
        });
    });
});

还在iframe内容中尝试了以下代码

document.domain = 'domain.com';
  $(window).load(function(){
    $(".itempass").each(function(){
    var varid = $(this).attr("id");
      $(this).click(function(){
      var newloc = $(window.parent.document).find("#" + varid);
        window.top.location = newloc;
      });
    });
  });

P.S。我不想因为电话限制而使用shopify api

根据点击的div id更改iframe的父窗口位置

0 个答案: