如何构建锚链接和触发点击事件？

Question

我正在使用jQuery版本2.0.3并且我正在尝试构建jQuery脚本但是触发click事件不起作用。

函数click()无效吗？你通常如何做这项工作？

var htmlAnchor = "";
htmlAnchor += "<a href='testcase.html?x=Foo' target='_blank'></a>";
$(htmlAnchor).appendTo("body").click().remove();

Answer 1

jQuery对象上的

.click()触发jQuery事件click。你想要的是触发JavaScript上的默认点击事件。所以你需要选择HTMLElement，就像那样：

var htmlAnchor = "";
htmlAnchor += "<a href='testcase.html?x=Foo' target='_blank'></a>";
$(htmlAnchor).appendTo("body").detach()[0].click();

http://jsfiddle.net/127gkdvr/

Answer 2

制作一个.js文件： -

test.js： -

$(document).ready(function(){
$("a").trigger('click');
})

在html文件中：

  <script type="text/javascript">
  var htmlAnchor = "";
   htmlAnchor += "<a href='testcase.html?x=Foo' target='_blank'></a>";
 var headID = document.getElementsByTagName("head")[0]; 
var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'test.js';
headID.appendChild(newScript);
</script>