单击jquery对ajax生成的内容不起作用

时间:2015-03-10 21:34:10

标签: jquery ajax click live

我正在使用jQuery("#content").on('click', 'a', function() {}); 向我的内容添加Amazon Affiliate标记。我的内容是由ajax调用生成的。

我的脚本抓住了点击;但链接未修改

jQuery(document).ready(function() {
    jQuery("#content").on('click', 'a', function() {
        addAffiliate(this);
    });

    amazonFRTag = "tag=XXXXXXX-21";
    function addAffiliate(link) {
        if ((link.href).indexOf("amazon.fr") > -1 && (link.href).indexOf(amazonFRTag) < 0){
            (link.href) = (link.href).replace("?tag=", "?old-tag=");
            (link.href) = (link.href).replace("&tag=", "&old-tag=");
            if ((link.href).indexOf("?") > -1 ) {
                link.href = link.href + "&" + amazonFRTag;
            }
            else {
                link.href = link.href + "?" + amazonFRTag;
            }
        }
        return true;
    }   
}); 

我怎样才能让它发挥作用?

编辑:
巴马尔是对的,他的榜样有效。
但是,另一个脚本(Skimlinks)似乎随后修改了链接 See here
当我的函数成功添加时,如何避免使用其他脚本的过程?感谢...

1 个答案:

答案 0 :(得分:0)

Skimlinks有自己的点击处理程序,可以像你一样修改链接。它在您的代码之前运行,而不是之后。以下是将链接更改为:

<a href="http://redirect.kadolog.com/?id=75284X1526071&amp;site=kadolog.be&amp;xs=1&amp;isjs=1&amp;url=http%3A%2F%2Fwww.amazon.fr%2Ffoo1&amp;xguid=560420e8d59460f59daf72824e859763&amp;xuuid=3df2f1da98b6a4bda13909d043bb3f0d&amp;xsessid=141dd024a3348df74d7e1743db5f6891&amp;xcreo=0&amp;xed=0&amp;sref=http%3A%2F%2Ffiddle.jshell.net%2Fgkp7dg1f%2Fshow%2F&amp;pref=http%3A%2F%2Fjsfiddle.net%2Fgkp7dg1f%2F&amp;xtz=240" 
    sl-processed="1" 
    data-skimlinks-orig-link="http://www.amazon.fr/foo1">Link1</a>

您可以检查是否设置了data-skimlinks-orig-link属性,然后使用该属性而不是link.href。此外,原始网址位于替换链接的url=参数中,您可以尝试修改该网址的该部分。

另一种选择是在使用AJAX加载内容时重写链接以添加联盟标签,而不是在点击处理程序中。 Skimlinks常见问题解答说他们不会修改已经拥有联盟标签的链接。