php - 使用 PHP/jQuery 替换 HTML 工具提示内容

Question

所以，我有一个安装了模板的 WordPress 网站 (Zoo)。我的问题是，我希望整个网站都是法语，并且该模板中有三个按钮，其中 title 标记被编码在一个 js 文件中，该文件位于一个插件内，该插件已集成到模板。

这是我作为 Web 开发人员的第一步(我来自 C++)，我很难理解文件中缺少的内容，但通过环顾四周我了解了一些事情。

所以我做了一个 child 主题。这是functions.php 文件。我认为它工作得很好，但这是为了以防万一我做错了:

<?php
function removethosedamntooltips(){
    wp_register_script('removetooltips', get_stylesheet_directory_uri() . '/js/removetooltips.js');
    wp_enqueue_script( 'removetooltips' );
}
add_action('wp_enqueue_scripts', 'removethosedamntooltips');

这是前面提到的removetooltips.js 文件。我相信我必须调用按钮悬停，因为模板是单页视差，并且我想要修改的按钮不可见，直到您单击另一个按钮，该按钮允许另一个显示而不将浏览器发送到另一个 URL(如果我删除行2 以及随之而来的右括号，无论如何它都不起作用)。此外，这些工具提示仅在鼠标悬停时出现，因此这似乎是个好主意:

jQuery(document).ready(function(){
  alert("jQuery!!");
  jQuery("button").hover(function(){
    alert("jQuery!!");
    jQuery(".mfp-arrow-left").attr("title", "Précédent (flèche gauche)");
    jQuery(".mfp-arrow-right").attr("title", "Suivant (flèche droite)");
    jQuery(".mfp-close").attr("title", "Fermer (Esc)");
  });
});

第一个警报在页面加载后显示，但第二个警报不显示。工具提示(按钮标题)仍然以英文显示。

一条可能对解决这个问题有用的信息(我只花了 2 天时间阅读有关 JavaScript 和 jQuery 的内容，所以我真的不知道):我必须使用 jQuery而不是 $ ，否则控制台会告诉我 $ 是一个未知函数。我是否需要以某种方式在我的文件中包含 jQuery 框架(如果是，在哪里以及如何？)，尽管对 jQuery 库的调用已经显示在 header 中？

如果您提供一个解决方案来删除工具提示而不是替换其内容，我会很高兴。

提前谢谢您!

Answer 1

而不是使用jQuery("button").hover(function(){...});您应该找到放置所有按钮的容器或仅使用 body并使用 jquery .on() 方法。据我所知它会起作用。所以你的完整代码将是这样的

jQuery(document).ready(function(){
  alert("jQuery!!");
  jQuery("body").on("hover", "button", function(){
    jQuery(".mfp-arrow-left").attr("title", "Précédent (flèche gauche)");
    jQuery(".mfp-arrow-right").attr("title", "Suivant (flèche droite)");
    jQuery(".mfp-close").attr("title", "Fermer (Esc)");
  });
});

说明:使用 .on() 方法也将事件与动态创建的元素绑定(bind)。正如您在问题中提到的，只有单击另一个按钮/链接才会创建按钮。

编辑:测试了这个及其工作原理。我已删除第二个警报，因为您将无法进行测试。