Tool-tipping for menu

[WizPS]

I use a ribon menu and would like to dynamic add tool-tipping, how can I?

Here is my code example:

Code:

<div id="rr" style="width: 700px;"></div>
<script>

$(function () {
var data = {
tabs: [{
title: 'Home'
, tooltip: 'Welcome to the home menu'
, groups: [{
title: 'Clipboard'
, tools: [{
type: 'toolbar'
, tools: [{
name: 'paste'
, tooltip: 'Paste stuff'
, text: 'Paste'
, iconCls: 'icon-paste-large'
, iconAlign: 'top'
, size: 'large'
}]
}, {
type: 'toolbar'
, dir: 'v'
, tools: [{
name: 'cut'
, tooltip: 'Cut stuff'
, text: 'Cut'
, iconCls: 'icon-cut'
, iconAlign: 'left'
, size: 'small'
}, {
name: 'copy'
, tooltip: 'Copy stuff'
, text: 'Copy'
, iconCls: 'icon-copy'
, iconAlign: 'left'
, size: 'small'
}, {
name: 'format'
, tooltip: 'Format stuff'
, text: 'Format'
, iconCls: 'icon-format'
, iconAlign: 'left'
, size: 'small'
}]
}]
}, {
title: 'other title'
, tools: [{
type: 'toolbar'
, tools: [{
width: '200px'
}]
}]
}]
}]
}


$('#rr').ribbon({
data: data
});
});
</script>

[jarry]

Try to use this code.

Code:

, tools: [{
name: 'paste'
, text: '<span title="Paste stuff">Paste</span>'
, iconCls: 'icon-paste-large'
, iconAlign: 'top'
, size: 'large'
}]

[WizPS]

Hi Jarry,
I know this solution but want to add this dynamically to whole menu. I added the attribute "tooltip" containing the text to populate. Is there a way to loop the menu recursively and add an easyui-tooltip to each the button?

[jarry]

The 'tooltip' property is available now. Please try to download the newest file 'jquery.ribbon.js' from https://www.jeasyui.com/extension/ribbon.php

[WizPS]

Hi, Tool-tipping works fine now, thanks a lot! BR