const tipsImgUrl = "https://cdn.shopify.com/s/files/1/0845/1011/4101/files/20250331154017.jpg?v=17434068276"; const tipsVideoUrl = "https://cdn.shopify.com/videos/c/o/v/7a16e584467e486e8cd695992d276e5b.mp4"; // 简化视频展示，移除弹窗和控制器，增大尺寸 let exampleEle = `

Example:

`; // 插入元素到页面 $("label[for='imageupload_2']").before(exampleEle); // 显示转盘，隐藏表单 function showDraw_hiddenFrom() { window.parent.postMessage("hideElements", "https://211d62-2.myshopify.com"); window.parent.postMessage("hideElements", "https://czeview.net"); } // 设置小屏幕的样式 - 修改为使用vh单位保持一致性 function adjustForSmallScreen() { if (window.innerWidth <= 375) { // iPhone SE 宽度为375px $("#exampleImgBox").css({ height: "50vh", // 小屏幕稍微减小高度 }); } else if (window.innerWidth <= 480) { // 其他小屏手机 $("#exampleImgBox").css({ height: "55vh", }); } else { $("#exampleImgBox").css({ height: "60vh", // 保持默认高度 }); } } // 获取父页面传递的数据 function getMessageFromParent() { var queryString = window.location.search; var urlParams = new URLSearchParams(queryString); var message = urlParams.get("message"); // 处理接收到的消息 // console.log("Received message from parent:", message); return message; } // 等待元素出现并设置值 function waitForElementAndSetValue(selector, value, maxAttempts = 30) { if (!value) return; console.log("等待元素出现: " + selector + ", 要设置的值: " + value); let attempts = 0; // 创建一个轮询函数 const checkAndSet = function () { attempts++; const $element = $(selector); if ($element.length > 0) { // 元素存在，设置值 console.log("找到元素，设置值: " + value); $element.val(value); // 触发change事件，确保其他可能的监听器能感知到变化 $element.trigger("change"); console.log("设置后的值: " + $element.val()); return true; } else if (attempts < maxAttempts) { // 元素不存在，继续等待 console.log("第" + attempts + "次尝试：元素未找到，继续等待..."); setTimeout(checkAndSet, 300); // 每300毫秒尝试一次 return false; } else { // 超出最大尝试次数 console.log("超出最大尝试次数，未能找到元素: " + selector); // 尝试记录页面上存在的表单元素，帮助调试 console.log("页面上的表单元素："); $("input").each(function (index) { console.log( index + ": " + this.name + " (类名: " + $(this).parent().attr("class") + ")" ); }); return false; } }; // 开始轮询 checkAndSet(); } // 文档加载完成后设置事件监听 $(document).ready(function () { // 初始响应式调整 adjustForSmallScreen(); // 窗口大小变化时调整 $(window).resize(function () { adjustForSmallScreen(); }); // 确保视频自动播放 const video = document.getElementById("example-video"); video.muted = true; // 确保静音 // 视频加载完成后自动播放 video.addEventListener("loadeddata", function () { video.play().catch((err) => console.log("无法自动播放:", err)); }); // 监听视频结束，循环播放 video.addEventListener("ended", function () { video.currentTime = 0; video.play().catch((err) => console.log("无法重播:", err)); }); // 调用 getMessageFromParent 函数来获取父页面传递的数据 const prize_name = getMessageFromParent(); console.log("prize_name", prize_name); // 根据日志分析，在页面中input名字是prize_name而不是prize if (prize_name) { // 使用更高级的jQuery选择器和直接的DOM操作相结合 const tryDirectUpdate = function () { // 尝试多种方法设置值 // 方法1: 直接根据DOM位置设置 if ($(".formElement_3 input").length > 0) { $(".formElement_3 input").val(prize_name); // console.log("方法1设置成功，值: " + $(".formElement_3 input").val()); return true; } // 方法2: 通过名称设置 if ($("input[name='prize_name']").length > 0) { $("input[name='prize_name']").val(prize_name); // console.log("方法2设置成功，值: " + $("input[name='prize_name']").val()); return true; } // 方法3: 获取所有隐藏输入框并设置 const $hiddenInputs = $(".hidden input"); if ($hiddenInputs.length > 0) { $hiddenInputs.each(function () { $(this).val(prize_name); // console.log("方法3设置成功，input: " + $(this).attr('name') + ", 值: " + $(this).val()); }); return true; } // 方法4: 创建隐藏字段 if ( $(".formElement_3").length > 0 && $(".formElement_3 input").length === 0 ) { $(".formElement_3").append( "" ); // console.log("方法4创建并设置字段成功"); return true; } return false; }; // 尝试直接更新 if (!tryDirectUpdate()) { // 如果直接更新失败，使用轮询等待方法 // console.log("直接更新失败，启用轮询等待"); waitForElementAndSetValue("input[name='prize_name']", prize_name); waitForElementAndSetValue(".formElement_3 input", prize_name); // 使用MutationObserver监听DOM变化 console.log("设置DOM变化监听器"); const observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.addedNodes.length) { // console.log("DOM有变化，尝试再次设置值"); tryDirectUpdate(); } }); }); // 启动观察器 observer.observe(document.body, { childList: true, subtree: true }); // 30秒后停止观察 setTimeout(function () { observer.disconnect(); // console.log("DOM观察器已停止"); }, 30000); } } });