通过 jquery 监听按钮点击事件，利用布尔状态变量记录点击次数，首次点击跳转第一链接，再次点击则跳转第二链接，无需刷新页面即可动态切换目标 url。
在 Blogger 博客中，有时需要实现“单按钮双行为”交互：例如用户第一次点击按钮时跳转至教程页面，第二次点击则跳转至下载页或反馈表单。这种状态感知的链接切换无法仅靠 HTML/CSS 实现，需借助 JavaScript（推荐使用轻量级 jQuery 方案）维护点击状态并动态响应。
以下为完整、可直接部署的解决方案：
✅ HTML 部分（插入到 Blogger 文章或小工具中）
Wjs Uploading Video
下载
将一个或多个视频上传至YouTube。当用户想“上传到YouTube”“发YouTube”“批量上传”“upload to YouTube”“post videos to YouTube”或发布到YouTube时使用此技能。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button"
data-url="https://stackoverflow.com/"
data-url2="https://www.google.com/">
点击切换跳转链接
</button>✅ JavaScript 逻辑（建议放在 </body> 前或 Blogger 主题的 <script> 区域）
<script>
jQuery(document).ready(function ($) {
let clickedOnce = false; // 状态标识：false=未点过，true=已点一次
$('button[data-url][data-url2]').click(function (e) {
e.preventDefault(); // 阻止默认行为，避免意外提交或跳转
const url1 = $(this).data('url');
const url2 = $(this).data('url2');
if (!clickedOnce) {
window.open(url1, '_blank'); // 首次点击：新标签页打开第一链接
clickedOnce = true;
} else {
window.open(url2, '_blank'); // 再次点击：打开第二链接
}
});
});
</script>? 关键说明与注意事项：
- ✅ data-url 和 data-url2 属性必须同时存在，确保语义清晰且便于维护；
- ✅ 使用 window.open(..., '_blank') 实现新标签页跳转，如需当前页跳转，可替换为 location.href = urlX；
- ⚠️ 若页面含多个此类按钮，需将状态变量改为每个按钮独立管理（推荐改用 .data('clicked', true) 存储状态）；
- ⚠️ Blogger 默认可能禁用部分外部脚本，请确保在「主题 → 编辑 HTML」中未屏蔽 jQuery 加载，或改用原生 JS（如需兼容性升级可提供替代方案）；
- ? 如需支持“三次点击循环”或更多链接，只需扩展状态变量逻辑（如用数字计数器 + 数组索引）。
该方案简洁可靠，已在 Blogger 主流模板（如 Contempo、Soho）中验证通过，无需修改后台设置，适合前端快速集成。
