按钮的工具提示
Tooltip for button
我的MVC 3视图中有按钮。在这里:
<button rowId="@employee.Id" value="refresh" class="button-submit" class="btn btn-mini" style="border: 0; background: transparent; box-shadow: none;">
<img class="btn btn-mini" width="24" height="24" alt="Delete doctor" src="/Content/img/refresh.png" />
</button>
我想显示工具提示,所以:
$(function () {
$(".button-submit").tooltip();
});
但在我的情况下不起作用。如何使它们工作?
您是否为工具提示插件以及 JQuery JavaScript 导入了 JavaScript?
看看本页末尾的示例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="http://dev.jquery.com/view/trunk/plugins/tooltip/jquery.tooltip.css" />
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/tooltip/jquery.dimensions.js"></script>
<script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/tooltip/jquery.tooltip.js"></script>
<script>
$(document).ready(function(){
$("a").tooltip();
});
</script>
</head>
<body>
<a href="http://jquery.com" title="Write less, do more">jQuery.com</a>
<br/>
<a href="http://learningjquery.com" title="Learn more, write less">learningjQuery.com</a>
</body>
</html>
您的button
有两个class
属性,它必须只有一个。
尝试将class="button-submit" class="btn btn-mini"
更改为class="button-submit btn btn-mini"
试试这个:
<button title="Your tooltip" class="btn btn-default">Add</button>
相关文章:
- d3.js用按钮更新条形图工具提示
- 带有关闭按钮的javascript/jquery响应工具提示
- 将引导工具提示添加到动态创建的按钮中
- 显示禁用单选按钮引导程序3的工具提示
- C3.js通过单击按钮显示工具提示
- 未单击按钮时显示工具提示
- 按钮的工具提示
- 如何在 extjs 5 中的工具提示中添加按钮
- 工具提示在提交按钮上不起作用
- 引导 - 工具提示中带有 OnClick 功能的按钮
- Google+按钮损坏了工具提示
- 如何从简介.js工具提示中动态添加或删除下一个/上一个按钮
- 如何在使用 Dojo 的 dijit 下拉按钮时更改工具提示的位置
- 悬停时无法显示图像按钮的工具提示项
- 为什么在工具提示窗口中的 HTML 按钮上单击不触发
- 按钮进入工具提示使用qtip插件dos'不起作用
- 对话框关闭按钮上的Jquery工具提示
- JQuery UI工具提示-工具提示的位置错误(在页面左侧,而不是按钮周围)
- 引导程序's的工具提示没有'点击按钮后不会消失&鼠标离开
- 自定义弹出菜单twitter引导工具提示,并在单击按钮时显示