jQuery属性选择器无法正常工作

时间:2018-03-31 14:21:21

标签: jquery jquery-selectors

我正在设置谷歌分析中的跟踪,以便当有人点击路线链接时,href将包含“maps.google.com ...”,所以这就是我正在使用的内容:

        // track directions
        jQuery("a[href*='maps.google.com']").click(function(event) {
        console.log('directions link clicked');
        if (typeof gtag !== 'undefined') {
              gtag('event', 'Click', {
                'event_category': 'Contact',
                'event_label': 'Directions',
                'event_callback': function() {
                    console.log("directions tracking sent successfully");
                }

             });
        } // end if variable defined

不幸的是,这两个console.logs()都没有被触发。

以下作品:

jQuery("a[href^='mailto']").click(function(event) {

});

这可能是因为我的路线链接选择器包含“。”s?

1 个答案:

答案 0 :(得分:1)

所以对我来说它不起作用,因为该元素是由脚本创建的(Google map插件为WordPress)。

这是我的工作解决方案:

// track directions
        jQuery('body').on("click",  "a[href*='maps.google.com']", function(event) {
        if (typeof gtag !== 'undefined') {
              gtag('event', 'Click', {
                'event_category': 'Contact',
                'event_label': 'Directions',
                'event_callback': function() {
                    console.log("directions tracking sent successfully");
                }

             });
        } // end if variable defined

        }); // end click function