0
我使用vis.js時間線來創建時間線。當鼠標移入按鈕而不是整個項目時,我需要創建工具提示。我申請職稱。工具提示出現,但它被應用於整個項目。只有當我們將鼠標放在按鈕上而不是整個項目時,我需要一個工具提示appplicated。我怎樣才能創建一個工具提示只有當我們在vis.js時間線中的項目中使用鼠標懸停按鈕
我使用vis.js時間線來創建時間線。當鼠標移入按鈕而不是整個項目時,我需要創建工具提示。我申請職稱。工具提示出現,但它被應用於整個項目。只有當我們將鼠標放在按鈕上而不是整個項目時,我需要一個工具提示appplicated。我怎樣才能創建一個工具提示只有當我們在vis.js時間線中的項目中使用鼠標懸停按鈕
您可以在vis時間線配置中使用「模板」功能。在模板功能中,您可以修改項目模板的外觀。在那裏你可以添加一個按鈕,然後添加事件監聽器。
template: function(item) {
var itemTmp = document.createElement('div');
itemTmp.innerHTML = item.content + ' ';
var btn = document.createElement('button');
btn.innerText = 'Hover Me!';
btn.addEventListener('mouseover', function() {
btn.innerText = 'Done!';
});
btn.addEventListener('mouseout', function() {
btn.innerText = 'Hover Me!';
});
itemTmp.appendChild(btn);
return itemTmp;
}
完整的示例: http://jsfiddle.net/tagisen/qp3dwrzn/
希望這有助於