更改fancybox关闭按钮的标题/工具提示

Question

是否有办法翻译fancybox中的工具提示，例如关闭按钮上的工具提示？

我在afterShow回调中已经这样做了，将值更改为丹麦语，似乎可以工作...或者有更好的方法来更改吗？

<script type="text/javascript">
      $(document).ready(function() {
        $("a.mapoverlay").fancybox({
          width : '90%',
          height : '90%',
          fixed: false,
          autoSize : false,
          autoCenter : true,
          afterLoad  :  function() {
        loadMap();
          },
          afterShow  :  function() {
        $("a.fancybox-close").attr("title", "Luk");
          }
        });
      });
</script>

编辑： 这段代码看起来运行得很好。

我写这段代码时遇到了语法错误.. 我想你可能漏掉了什么？ SyntaxError: Unexpected token }

我在这里看到了这篇帖子：https://github.com/fancyapps/fancyBox/issues/7

<script type="text/javascript">
      $(document).ready(function() {
        $("a.mapoverlay").fancybox({
          width : '90%',
          height : '90%',
          fixed: false,
          autoSize : false,
          autoCenter : true,
          afterLoad  :  function() {
        loadMap();
          },
          tpl: { 
        closeBtn: '<div title="Test" class="fancybox-item fancybox-close"></div>' 
          }
        });
      });
</script>

- bjarne_f

Answer 1

你可以使用.tpl选项：

$(document).ready(function() {
  $("a.mapoverlay").fancybox({
    width : '90%',
    height : '90%',
    fixed: false,
    autoSize : false,
    autoCenter : true,
    afterLoad :  function() {
      loadMap();
    },
    tpl: {
        '<a title="Your title here!" class="fancybox-item fancybox-close" href="javascript:;"></a>'
    }
  });
});

编辑： tpl选项的正确格式为：

tpl : {
 closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>'
}

- scumah

Answer 2

永久更改：

只需在 fancybox/source/ 中用新的替换 "Close"，即可修改 jquery.fancybox.pack.js（和/或jquery.fancybox.js）。

查找 closeBtn，然后更改其 a 的title

---

临时更改标题：

$(document).ready(function() {
  $(".fancybox").fancybox({
     tpl : {
        closeBtn : '<a title="CUSTOM TITLE HERE" class="fancybox-item fancybox-close" href="javascript:;"></a>'
     }
  });
});

- Jess Stone

---

好的回答，但编辑源代码是不良的做法，因为如果您更新插件，则可能会丢失所有更改，如果是大型更新，则您的更改可能不再兼容。 - Design by Adrian

Answer 3

您可以使用$.fancybox.close()选项：

例如： <a onclick="$.fancybox.close();" href="javascript:;">您的文本</a>

- Labb Avdiu