jQuery 在 PHP 页面中失效的常见原因与正确写法

9次阅读

jQuery 在 PHP 页面中失效的常见原因与正确写法

php 文件本身不会影响 jquery 运行,问题通常出在 dom 加载时机或选择器错误;需确保 jquery 代码在 dom 就绪后执行,并使用正确的 css 选择器(如 `.fhere` 而非 `fhere`)。

你遇到的现象——jQuery 在 .html 文件中正常、改名为 .php 后失效——并非 PHP 本身导致,而是因为 PHP 文件常被用于动态环境(如本地服务器运行),而 html 文件可能直接双击用浏览器打开(此时部分 jQuery 行为因加载机制差异“偶然成功”)。真正的问题在于两处关键错误:

✅ 1. 错误的选择器:$(“fhere”) → 应为 $(“.fhere”)

fhere 是一个 class 名称,不是 HTML 标签名。jQuery 中:

  • $(“div”) 匹配
    元素

  • $(“.fhere”) 才匹配 class=”fhere” 的元素
  • $(“#fhere”) 匹配 id=”fhere” 的元素
  • 原代码 $(“fhere”).text(“mysite.com”); 实际查找的是 标签(不存在),因此无效果。

    ✅ 2. 缺少 DOM 就绪检查:脚本执行过早

    你的

text=ZqhQzanResources