Question

我一直试图解决一个奇怪的问题，我不知道现在去哪里，尝试了一切

我在标题

中有这个代码

<script>
  var lk = 'http://myredirect.com';
  var pd = 'http://myiframecontent.com';
  $(function() {
    $('#conversion').click(function() {
      if (!$('#iframe').length) {
        $('#pixelframe').html('<iframe id="iframe" src="' + pd + '" width="500px" height="500px"></iframe>');
        setTimeout(function() {
          window.location.href = lk;
        }, 5000);
        return false;
      }
    });
  });
</script>

这是我的<body>

<body>
  <a href="#" id="conversion">Our Show code Button</a>
  <div id="pixelframe"></div>
</body>

无论出于何种原因，它都会在某些着陆器上运行，而在其他着陆器上则无法加载。

我尝试过使用var lk和var pd个目的地，我已将setTimeout设置为非常长的延迟，让iframe加载，但没有任何效果。

我尝试使用UTF-8代码，但也没有 - 我将它设置在<meta charset="utf-8">的所有着陆器上，并保存了带或不带编码的文件。

在所有登陆器上，标题中的代码是加载后的第一件事

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

更新 - 我很确定由于某些原因JS没有被解雇，因为代码生成和iframe的大小为500x500（px），但这个iframe甚至不会出现在分隔符中。< / p>

Answer 1

问题是，我在页面上使用了几个具有相同ID的转换按钮！需要将代码从#conversion更改为.conversion

<script>
  var lk = 'http://myredirect.com';
  var pd = 'http://myiframecontent.com';
  $(function() {
    $('.conversion').click(function() {
      if (!$('#iframe').length) {
        $('#pixelframe').html('<iframe id="iframe" src="' + pd + '" width="500px" height="500px"></iframe>');
        setTimeout(function() {
          window.location.href = lk;
        }, 5000);
        return false;
      }
    });
  });
</script>

对于链接我现在使用class =＆＃34;转换＆＃34;

Answer 2

干草，锚链接可能是你的问题试试听event.preventDefault();

<script>
  var lk = 'http://myredirect.com';
  var pd = 'http://myiframecontent.com';
  $(function() {
    $('#conversion').click(function() {
      event.preventDefault();
      if (!$('#iframe').length) {
        $('#pixelframe').html('<iframe id="iframe" src="' + pd + '" width="500px" height="500px"></iframe>');
        setTimeout(function() {
          window.location.href = lk;
        }, 5000);
        return false;
      }
    });
  });
</script>

JS无法加载某些页面

2 个答案: