2015-10-04 52 views
0

我需要在链接中添加onclickevent,以便链接看起来像这样。添加onclick事件内部链接与javascript

<a href="/" onclick="parent.$.fn.colorbox.close();" target="_parent">mylink</a> 

使用此代码不起作用

element.addEventListener('click', parent.$.fn.colorbox.close(), false); 

这是完整的代码

window.onload = function(){ 
    var anchors = document.getElementsByTagName('a'); 
    for (var i=0; i<anchors.length; i++){ 
    anchors[i].setAttribute('target', '_blank'); 
    anchors[i].addEventListener('click', xxx, false); 
    } 
} 

谢谢。

+1

而且其中'element'定义? – NewToJS

+0

@NewToJS我添加了完整的代码。我尝试修改第 – user1031743

+0

'anchors [i] .addEventListener('click',xxx,false)的所有链接;'将调用函数'xxx',这样就可以工作。您无法理解您在使用....时可能会遇到什么问题。您可以使用'anchors [i] .setAttribute('onclick','parent。$。fn.colorbox.close');'假设'。parent。$。fn.colorbox.close();'做些什么。 – NewToJS

回答

0

由于这是一个锚标记<a href=".....">,你应该使用JavaScript附加事件和防止锚标记的默认行为使用preventDefault()

例如:

function yourFunction(e) { 
    e.preventDefault(); // <---- this is important 
    e.target.parent.$.fn.colorbox.close(); 
} 
element.addEventListener('click', yourFunction, false); 
+0

如果您使用javascript添加它,则不会出现您可以看到的onclick属性,但当您单击该属性时它将会正常工作,因为它以编程方式添加它。 – shafeen

+0

尝试打开chrome(或firefox)调试器,并在附加的onclick函数中设置断点。 – shafeen