【问题标题】:How can I debug why clicking a link is not working in IE8 / IE9?如何调试为什么单击链接在 IE8 / IE9 中不起作用?
【发布时间】:2013-03-02 02:34:37
【问题描述】:

我有一个简单的 html 链接,它在 IE8 中没有任何作用。没有错误,它就在那里。它在 Chrome 和 FF 中运行良好。该链接只是一个可点击的图片:

<p><a id="google-purchase-link" href="/purchase/google" data-ajax="false"><img src="https://checkout.google.com/buttons/checkout.gif?merchant_id=763453611943044&w=180&h=46&style=trans&variant=text&loc=en_GB" alt="Proceed to Google Checkout"/></a></p>

自己试试吧:

  1. 访问http://www.oddprints.com/checkout
  2. 点击“上传内容”
  3. 点击“示例照片”
  4. 点击“订购打印”
  5. 点击“通过 Google 购买”

别担心,你不会承诺购买任何东西!

在 IE 中,链接似乎不起作用,它就在那里。该链接仅指向 /purchase/google,它建立了购物车服务器端,然后返回一个临时重定向到填充的 Google 结帐页面。如果您访问http://www.oddprints.com/purchase/google,它会执行重定向。

有什么想法可以调试这个吗?

更新: 该链接正在使用 javascript 处理。我必须专门将 href 属性添加到 window.location 以使其在 IE8 中工作,但是在 IE9 中仍然存在问题。

改变:

$("#google-purchase-link").click(function(e){   
  _gaq.push(function() {
      var pageTracker = _gaq._getAsyncTracker();
      setUrchinInputCode(pageTracker);
      console.log(getUrchinFieldValue());
      window.location = "/purchase/google?analyticsData=" + getUrchinFieldValue();
  });
  e.preventDefault();
});

$("#google-purchase-link").click(function(e){   
  _gaq.push(function() {
      var pageTracker = _gaq._getAsyncTracker();
      setUrchinInputCode(pageTracker);
      console.log(getUrchinFieldValue());
      window.location.href = "/purchase/google?analyticsData=" + getUrchinFieldValue();
  });
  e.preventDefault();
});

更新:问题出在使用 console.log()。呸!

【问题讨论】:

  • 在 IE8 中可以正常工作,但前提是开发人员工具已打开。尝试删除&lt;p&gt; 标签。
  • @Vucko 我的 IE8 显示与 matt 相同的行为
  • 谢谢大家,我的也能用,但只能使用开发工具,然后我发现了问题,请参阅下面的答案。
  • @mattburns:请删除问题。有一个消除“错字”相关问题的活动。
  • 其实IE9还是有这个问题的...

标签: html internet-explorer debugging hyperlink


【解决方案1】:

问题在于使用 console.log()。 呵呵!

【讨论】:

    猜你喜欢
    • 2011-12-12
    • 1970-01-01
    • 1970-01-01
    • 2013-07-16
    • 2013-10-23
    • 2013-03-16
    • 1970-01-01
    • 2013-09-07
    • 1970-01-01
    相关资源
    最近更新 更多