Jquery .click()在Safari中不起作用

Jquery .click()在Safari中不起作用,jquery,safari,click,Jquery,Safari,Click,在Firefox中,这种代码的宁静是可行的,但在Safari中却不行: $('.pinterest-button').click(function() { $('.pinterest-button').hide(); $('#pin1 a img').click(); setTimeout("$('.pinterest-button').show();", 1000); }); 如果单击pinterest按钮,则应为该图片创建一个单击事件: <div id="pi

在Firefox中,这种代码的宁静是可行的,但在Safari中却不行:

$('.pinterest-button').click(function() {
    $('.pinterest-button').hide();
    $('#pin1 a img').click();
    setTimeout("$('.pinterest-button').show();", 1000);
});
如果单击pinterest按钮,则应为该图片创建一个单击事件:

<div id="pin1" class="gallery span24 offset6">
   <a class="span24" alt="" title="bild" href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">
      <img class="gallery-img" src="http://www.goldentree.de/wordpress/assets/bild.jpg">
   </a>
</div>

如果我在Safari中单击按钮,它将被隐藏,页面将滚动到顶部,因此单击本身可以工作,但我认为$'pin1 a img'。单击;这将触发图像href中的代码不起作用。我发现其他一些人也有同样的问题,但他们的解决方案对我都不起作用,所以我不完全确定这是否真的是点击不起作用。我也不确定,是什么让我的浏览器滚动到顶部,因为我认为这是由pinterest叠加的东西造成的。哦,是的:直接点击图片就可以了。

这个问题可能是由两个原因造成的

一,。连接侦听器时,DOM尚未就绪

二,。您的HTML代码是动态添加的

第一种情况的解决方案是将代码放在ready块下

$(document).ready(function(){
    $('.pinterest-button').click(function() {
        $('.pinterest-button').hide();
        $('#pin1 a img').click();
        setTimeout("$('.pinterest-button').show();", 1000);
    });
}); 
第二种情况的解决方案是使侦听器对任何更改保持活动状态

 $(document).ready(function(){
        $('.pinterest-button').on('click',function() {
            $('.pinterest-button').hide();
            $('#pin1 a img').click();
            setTimeout("$('.pinterest-button').show();", 1000);
        });
    }); 
如果需要,可以在图像侦听器中添加on click


我希望这能有所帮助

这个问题可能是由两件事引起的

一,。连接侦听器时,DOM尚未就绪

二,。您的HTML代码是动态添加的

第一种情况的解决方案是将代码放在ready块下

$(document).ready(function(){
    $('.pinterest-button').click(function() {
        $('.pinterest-button').hide();
        $('#pin1 a img').click();
        setTimeout("$('.pinterest-button').show();", 1000);
    });
}); 
第二种情况的解决方案是使侦听器对任何更改保持活动状态

 $(document).ready(function(){
        $('.pinterest-button').on('click',function() {
            $('.pinterest-button').hide();
            $('#pin1 a img').click();
            setTimeout("$('.pinterest-button').show();", 1000);
        });
    }); 
如果需要,可以在图像侦听器中添加on click


我希望这能有所帮助

我认为这最像是一个与Safari本身有关的问题:


我认为这最像是一个与Safari本身有关的问题:


在Chrome和Safari MacTry$'pin1 a'上适用于我。单击我正在使用Safari for Windows。不幸的是,$'pin1 a'也不起作用。我有完全相同的问题,你找到解决办法了吗?不幸的是没有。人们说,它在正常情况下工作,而不是在windows Safari中,但我从未测试过它。如果你能找到一个跨浏览器的解决方案,请在这里发布。在Chrome和Safari MacTry$'pin1 a'上对我有效。单击我正在使用Safari for Windows。不幸的是,$'pin1 a'也不起作用。我有完全相同的问题,你找到解决办法了吗?不幸的是没有。人们说,它在正常情况下工作,而不是在windows Safari中,但我从未测试过它。如果你能找到一个跨浏览器的解决方案,请将其发布在这里,。。。已从$documnt.ready调用该函数。第二个解决方案也不起作用。正如我所说。pinterest按钮被隐藏并重新出现在Safari中,所以问题不是,我的函数没有被调用。可能是$'pin1 a img'。单击不起作用。img有任何功能吗?单击?没关系,我的意思是当我单击img时会发生什么这行代码它做什么$'pin1 a img'。单击;href属性中的javascript代码调用pinterest覆盖,您可以在其中选择要共享的图像。.click的目的是从post顶部的pinterest按钮调用该代码,。。。已从$documnt.ready调用该函数。第二个解决方案也不起作用。正如我所说。pinterest按钮被隐藏并重新出现在Safari中,所以问题不是,我的函数没有被调用。可能是$'pin1 a img'。单击不起作用。img有任何功能吗?单击?没关系,我的意思是当我单击img时会发生什么这行代码它做什么$'pin1 a img'。单击;href属性中的javascript代码调用pinterest覆盖,您可以在其中选择要共享的图像。.click的目的是从文章顶部的pinterest按钮调用该代码。