使用 jQuery 单击 IE6 和 FF 中的 A 标签

Question

我有一个从 ajax 调用返回的 div，其中包含一个 a。我需要在 javascript 中单击它，但是我找不到在 IE6 和 FF 中都有效的方法。

这在 FF 中有效，但在 IE6 中生成 需要对象 错误：

$('#mylink').click();

这在 IE6 中有效，但生成 $("#mylink").get(0).click 不是函数 FF 中的错误。

$('#mylink').get(0).click();

关于为什么会出现这种情况以及可用的解决方案有什么想法吗？

编辑：

使用触发器返回与 IE6 中单击相同的错误：

$('#mylink').trigger('click');

编辑：

将代码放入计时器中不会更改行为：

 setTimeout(function() {
  $('#mylink').click();
 }, 100);

编辑：

作为解决方法，此功能。但如果能更好地理解这个问题就好了。这不仅仅是 jQuery 的问题（或者根本不是）。 IE6 JavaScript 错误来自 MicrosoftAjax.js，因此与此有关。

 var anchor = $('#mylink');
 if (anchor.get(0).click) {
  anchor.get(0).click();
 }
 else {
  anchor.click();
 }

Answer 1

get 方法返回 DOM 元素。
你应该使用 eq 代替。

$('#mylink').eq(0).click();

Answer 2

如果 $("#mylink").click() 未找到，但 $("#mylink").get(0).click() 找到，那么您可以使用它作为测试的基础吗？

例如，

if ($("#mylink").click)
{
    $("#mylink").click()
}
elseif ($("#mylink").get(0))
{
    $("#mylink").get(0).click();
}

我知道远非理想，但这就是处理 IE6 时的情况

Answer 3

使用 触发器 怎么样？

$("#mylink").trigger('click');

Answer 4

尝试：

$('#mylink').trigger('click');

应该与您的第一个示例相同...在 IE 中执行一些警报以确保该元素存在等等（也许您在某处或其他地方有重复的 ID？）。

Answer 5

object required 可能是因为 IE 无法及时找到 #mylink 选择器而生成的。确保在成功回调函数中进行调用或提供超时函数来在触发单击之前检查元素是否可用：

window.setTimeout(function() {
    if ($("#mylink").length) {
        $("#mylink").trigger('click');
        return false;
    }
    window.setTimeout(arguments.callee, 1);
},1);