toolbar:{ items: [ <shiro:hasPermission name="emer_relief_materials:add"> { text: pageLanguage.operation.add, click: onAdd, iconClass: 'icon_add' }, { line: true }, </shiro:hasPermission> { text: pageLanguage.operation.import, click: onImport, iconClass: 'icon_import' }, { line: true }, { text : '导出记录', click : function() {exportExcel(false)}, iconClass : 'icon_export' }, { line : true }, { text : '导出全部', click : function() {exportExcel(true)}, iconClass : 'icon_export' }, { line : true }, { text: pageLanguage.operation.batchDel, click: onBatchDel, iconClass: 'icon_delete' }, { line: true }, { text: pageLanguage.operation.batchEdit, click: onBatchEdit, iconClass: 'icon_edit' }, { line: true }, { text: "计算",title:'计算当前所选物资的数量总和', click : function() {onCountNum(false)}, iconClass: 'icon_edit'}, { line: true}, { text: "计算全部", click : function() {onCountNum(true)}, iconClass: 'icon_edit' }, { line: true }, { text: pageLanguage.operation.refresh, click: function(){refresh(true)}, iconClass: 'icon_refresh' } ] }我怎么让鼠标悬浮上去显示一个气泡提示离开悬浮就消失我该怎么写
时间: 2024-03-27 18:37:11 浏览: 92
您可以使用jQuery的`tooltip`插件来实现鼠标悬浮显示气泡提示的效果。您需要在页面中引入jQuery和tooltip插件的JS文件,然后在您的代码中调用`tooltip()`方法即可。
下面是一个示例代码:
```
$(function() {
// 初始化tooltip插件
$('[title]').tooltip();
// toolbar中的按钮添加title属性
$('.icon_add').attr('title', '添加');
$('.icon_import').attr('title', '导入');
$('.icon_export').attr('title', '导出');
$('.icon_delete').attr('title', '批量删除');
$('.icon_edit').attr('title', '批量编辑');
$('.icon_refresh').attr('title', '刷新');
});
```
在示例代码中,我们首先使用`$('[title]').tooltip()`初始化了tooltip插件,这样页面中所有带有`title`属性的元素都会自动添加鼠标悬浮显示的气泡提示。
然后,我们在toolbar中的每个按钮上都添加了`title`属性,并设置了对应的提示文本。
需要注意的是,tooltip插件默认是在鼠标悬浮时自动触发,您不需要编写任何额外的代码来实现这个功能。
阅读全文