jquery - 单击按钮时将 img 加载到 div 中 - Wordpress

Question

我正在使用 WordPress 网站，并尝试在单击链接时加载图像(跟踪像素)。我有这段代码，但似乎无法加载。我错过了什么吗？预先感谢您的帮助。

HTML

<a class="button" target="_blank" title="" href="/rd/credit-check.php" id="ccBtn"><span class="fusion-button-text">GET YOUR FREE CREDIT SCORES NOW!</span></a>
 <div id="pixel"></div>

JS

jQuery("#ccBtn").click(function(){
jQuery("#pixel").html("<img src='http://imageurl.com/img.png' alt='itworks' />");
});

Answer 1

这可能是一个时间问题。浏览器获取链接的速度必须快于图像加载的时间。

我会将 jQuery 更改为以下内容:

jQuery(document).ready(function($){
    $('#ccBtn').on('click', function(e){
        e.preventDefault(); //stop click
        var $this = $(this);
        $this.off('click'); //remove this function when click on link
        $("#pixel").html("<img src='http://imageurl.com/img.png' alt='itworks' />"); //add image
        setTimeout(function(){$this.trigger('click')}, 500); //click on this link again.
    });
});

这会在像素加载时阻止链接触发半秒。