触发锚定链接上的单击

Question

我有一组链接,其中包含与之匹配的缩略图.我需要将这些缩略图加载为div,并将背景图像设置为div.我正在使用其中包含所有缩略图的单个图像,因此我无法将图像作为图像加载.单击图像应该像点击链接一样,我做了一个JSFiddle来显示我的意思(并显示问题):

JSFiddle

当我点击那里的两个链接时,会打开一个新窗口,其中包含我想要的网站.但是当我点击缩略图时,我无法点击触发的链接.

单击该链接将具有额外的功能(统计数据),因此我更喜欢通过将相同的自定义函数绑定到锚点和div来触发链接上的单击.

提前致谢

Answer 1

在HTML4中,click事件仅为输入元素定义,而某些浏览器(尤其是FF)严格遵循规范.然而HTML5游戏改变了,任何现代浏览器都实现了这个功能,但是 jQuery仍然有一个特殊情况(从jquery触发器方法中提取):

if ( !onlyHandlers && !event.isDefaultPrevented() ) {

    if ( (!special._default || special._default.apply( elem.ownerDocument, data ) === false) && !(type === "click" && jQuery.nodeName( elem, "a" )) && jQuery.acceptData( elem ) ) {

    // Call a native DOM method on the target with the same name name as the event.

作为解决方法,您可以更改代码:

target.trigger("click");

至

target.get(0).click();

Answer 2

Hiya 工作演示: http ://jsfiddle.net/f6FJ3/19/

对于触发原因,请阅读:jQuery:触发click()不起作用？

It's important to clarify that doing jQuery('#open').click() does not execute the href attribute of an anchor tag so you will not be redirected. It executes the onclick event for #open which is not defined.

下面的代码将在图像点击时获得所需的窗口输出.

JQuery代码

$(document).ready(function(){
    $('.tmb').click(function(){
        var target=$(this).parent().find("a");

        $("#debug").text("clicked "+target.text());
        //target.triggerHandler('click');
        window.open(target.attr('href'));

    });
});?

希望这会有所帮助,欢呼!