当URL包含email字样时切换指定DIV显示/隐藏的技术求助

数据老陈

2026-5-21

解决URL包含"email"时切换显示/隐藏指定DIV的问题

我看了你的代码和需求描述，目前的代码只实现了隐藏sociallocker的逻辑，而且还有几个可能导致代码不生效的点，下面给你一步步梳理解决方案：

问题分析

缺失显示emaillocker的逻辑：你的代码只写了隐藏sociallocker，但没有对应显示emaillocker的操作
jQuery加载问题：如果页面没有正确引入jQuery，或者你的脚本在jQuery之前执行，代码肯定不会生效
动态元素渲染延迟：如果你的sociallocker和emaillocker是通过短代码（比如[sociallocker]）由插件/后端动态生成的，可能在DOM ready时还未渲染完成，导致选择器找不到元素

修正后的代码方案

基础稳定版（确保jQuery已加载）

先确认页面已经引入了jQuery（比如在<head>里添加jQuery的引用，或者你的模板已经包含），然后使用以下代码：

$(function() {
  // 检查URL中是否包含"email"
  const isEmailUrl = window.location.href.indexOf("email") !== -1;
  
  // 根据条件切换两个DIV的显示状态
  $("#sociallocker").toggle(!isEmailUrl); // 有email就隐藏，否则显示
  $("#emaillocker").toggle(isEmailUrl);   // 有email就显示，否则隐藏
});

处理动态生成元素的版本

如果你的锁是插件动态渲染的，DOM ready时元素可能还不存在，可以加个短延迟确保元素加载完成：

$(function() {
  // 延迟500ms执行，给插件足够的渲染时间
  setTimeout(() => {
    const isEmailUrl = window.location.href.indexOf("email") !== -1;
    $("#sociallocker").toggle(!isEmailUrl);
    $("#emaillocker").toggle(isEmailUrl);
  }, 500);
});