Question

我想在浮动操作按钮的按钮中添加工具提示文本这里。

[{
    url: null,
    bgcolor: "red",
    icon: "+"
}, {
    url: "http://www.example.com",
    bgcolor: "orange",
    icon: "+"
}, {
    url: "http://www.example.com",
    bgcolor: "yellow",
    icon: "+"
}]

Answer 1

您没有使用最新版本（并且正在使用）。尝试从GitHub下载ZIP（我已下载1d976c3并且它可以正常工作）并在浏览器中打开index.html。它只需要一个title属性

var links = [
  {
    "bgcolor":"red",
    "icon":"+",
    "title": "Click me"
  },
  {
    "url":"http://www.example.com",
    "bgcolor":"red",
    "color":"#fffff",
    "icon":"<i class='fa fa-phone'></i>",
    "target":"_blank",
    "title": "Hey, Click me ..." // <--- This one
  },
  {
    "url":"http://www.example.com",
    "bgcolor":"black",
    "color":"white",
    "icon":"<i class='fa fa-music'></i>",
    "title":"Hey again, Click!" // <--- This one
  }
]

$('.kc_fab_wrapper').kc_fab(links);

Answer 2

要添加tooltip，请使用HTML属性 - title，如下所示：

<div class="kc_fab_wrapper" title="Add new item"></div>

如何在js生成的按钮中添加工具提示文本？

2 个答案: