获取_clickHref与_pageName值时遇undefined问题求助

核心问题 #

1. this指向错误：你在jQuery().ready()回调里用jQuery(this)，这里的this是document对象，不是你要获取属性的轮播元素，所以attr('{{Referrer}}')拿不到有效值，导致_clickHref一直是undefined。
2. 缺少空值校验：第一段代码直接对可能为undefined的_clickHref调用split()，自然触发cannot read properties of undefined (reading 'split')错误。

修正后的代码 #

先绑定点击事件到你的轮播元素（比如轮播项里的链接，选择器请根据实际DOM结构调整），再做安全处理：

jQuery(document).ready(function(){
  // 绑定点击事件到轮播的目标元素，比如.carousel-item下的a标签
  jQuery('.carousel-item a').on('click', function(){
    // 这里的this才是被点击的元素
    var _clickHref = jQuery(this).attr('{{Referrer}}');
    var _pageName = undefined;

    // 先判断_clickHref是否存在，再处理pageName
    if (_clickHref) {
      _pageName = _clickHref.split('/').filter(Boolean).pop();
    }
  
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      'event': 'special_offer',
      'carouselHref' : _clickHref,
      'modelName': _pageName
    });
  });
});

关键说明 #

• 正确绑定事件：把逻辑放在目标元素的click事件回调里，此时this指向被点击的元素，才能正确获取到{{Referrer}}属性值。
• 安全处理值：用if (_clickHref)判断值是否存在，避免对undefined调用split()；用pop()替代[_pageName.length-1]更简洁。
• 选择器调整：.carousel-item a是示例选择器，你需要根据实际页面的轮播元素结构修改，确保选中的是带有{{Referrer}}属性的那个元素。

内容的提问来源于stack exchange，提问作者dbafix