页面加载时URL含特定参数无法显示对应轮播项的JS问题求助

你的代码存在几个关键错误，直接导致逻辑失效： #

• 条件判断用了赋值符号=而非比较符号===：if (string = '?three#ecoedgecornerhook')这行是把右侧值赋值给string，永远返回true，循环只会执行这一段逻辑，完全忽略其他情况。
• 循环逻辑搞反：你现在是遍历预设字符串数组，硬判断每个字符串是否等于固定值，而非检查当前页面URL是否包含数组里的目标参数。
• jQuery语法错误：jQuery('[data-showme]', function() {})写法错误，该函数第二个参数是选择上下文，不是回调函数，这里不需要绑定事件，直接执行DOM操作即可。
• 缺失无匹配场景处理：没有写else分支逻辑，导致未匹配到参数时无对应动作。

修正后的代码 #

jQuery(function($) {
  // 预设需要匹配的URL参数/锚点集合
  const targetParams = [
    '?three#ecoedgebracket',
    '?three#ecoedgecornerhook'
  ];
  // 获取当前页面的完整URL
  const currentUrl = window.location.href;
  // 标记是否匹配到参数，默认未匹配
  let matched = false;

  // 遍历参数集合，检查当前URL是否包含对应项
  targetParams.forEach(param => {
    if (currentUrl.includes(param)) {
      // 隐藏所有内容容器
      $('.all-content3').hide();
      // 提取锚点部分（#后面的内容）作为要显示的元素ID
      const targetId = param.split('#')[1];
      $(`#${targetId}`).show();
      matched = true;
    }
  });

  // 未匹配到任何参数时的逻辑（原需求的else分支）
  if (!matched) {
    // 可根据需求修改，比如显示默认内容
    $('.all-content3').show();
    // 或者隐藏所有后显示默认卡片：$('#default-card').show();
  }
});

代码说明 #

1. 获取当前URL：用window.location.href拿到用户当前访问的完整地址，作为判断依据。
2. 遍历匹配参数：循环预设的参数数组，用includes()方法检查当前URL是否包含目标参数，避免硬写死判断条件。
3. 动态获取目标元素ID：通过split('#')[1]提取锚点部分，不用重复写固定ID选择器，减少冗余代码。
4. 标记匹配状态：用matched变量记录是否匹配到参数，最后统一处理无匹配的情况，解决原else分支不生效的问题。
5. 简化jQuery操作：利用外层jQuery(function($) {...})提供的$别名，写法更简洁。

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