时间戳

首页 > 解决方案 > jQuery1.x 选择器单击功能在 Internet Explorer 中不起作用

jquery - jQuery1.x 选择器单击功能在 Internet Explorer 中不起作用

问题描述

<img style="cursor:pointer" class="optStyle" 
src="/ekp/resource/style/default/icons/add.gif" title="添加行" 
onclick="DocList_AddRow();XFom_RestValidationElements();">

我是用jQuery1.x选择器来获取元素，然后用它的点击功能来制作的，但是在Internet Explorer中不行，Chrome就可以了。

$( "img[title='添加行']").click()

这是效果图链接（我没有10声望，所以我不能发布图片） https://img.shownmmp.top/my.gif 我在ie控制台（f12）中尝试过jquery1.x，但它什么也没做。我已经在 Chrome 中完成了它并且效果很好，我现在该怎么办？

我希望点击功能在ie中工作。您还可以告诉我如何使用 javascript 或 jquery 来点击 img 元素吗？谢谢

标签： jqueryinternet-explorercss-selectorsclick

解决方案

我尝试使用下面的代码进行测试，发现它在 IE 11 和 chrome 上运行良好。

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<script>
$(document).ready(function(){
  $("#clk").click(function(){
   $( "img[title='添加行']").click();
  });
 
});

function abc()
{
alert("abc");
}
function xyz()
{
alert("xyz");
}
</script>
</head>
<body>



<button id="clk">click</button>

<img style="cursor:pointer" class="optStyle" 
src="C:\Users\Administrator\Desktop\plex-icon.png" title="添加行" 
onclick="abc();xyz();">
</body>
</html>

IE 11 中的输出：

在此处输入图像描述

您可以尝试使用此代码进行测试，并让我们知道它是否有效。

推荐阅读