Question

我有一个网站，其中所有外部链接都是隐形的。为了识别这些外部链接，我已将slug“/ go /”添加到域的末尾。因此，以本网站为例，我们将使用“stackoverflow.com/go/example”，而不是使用“example.com”作为远离stackoverflow.com的href。

如何创建jQuery来搜索页面上的每个href，如果它包含“/ go /”，则创建一个弹出窗口，让用户选择留下或离开网站。

<script type="text/javascript">
$(document).ready(function() {
    $("a").on("click", function() {
        if($(this).attr("href").indexOf("page_id") == -1) {
            return confirm("Link Disclaimer: Bla bla bla...");
        }
    });
});
</script>

↑如果域名不同，此示例将引导您离开网站，它不会基于子弹匹配。

Answer 1

我认为它应该很简单，继续你的例子：

$(document).ready(function() {
    $("a").on("click", function() {
        if($(this).attr("href").indexOf('http://example.com/go/') != -1) {
            return confirm("Link Disclaimer: Bla bla bla...");
        }
    });
});

除非我忽略了这一点？

说明：

点击链接后，如果链接的href标题中包含http://example.com/go/（即indexOf未返回-1），则显示免责声明。

演示

http://codepen.io/EightArmsHQ/pen/emBONX

Answer 2

这将显示其a属性中包含href的所有/go/代码的确认框

$("a[href*='/go/']").on("click", function() {
    return confirm("Link Disclaimer: Bla bla bla...");
});

如何：确认隐藏的外部链接的警报

2 个答案:

说明：

演示