Asp.net Can';无法在web窗体中使用引导工具提示
我试图将引导工具提示添加到html按钮,但没有成功。我尝试了许多在网上找到的例子,但根本无法显示工具提示 我添加了bootstrap.js、jquery.js,虽然我听说bootstrap.js中包含了工具提示js,但我下载并尝试了bootstrap-tooltip.js 我试图通过引用一个类来启动工具提示,rel=。唯一能让工具提示显示的是添加选项show,这使它一直显示 下面是我的最新尝试Asp.net Can';无法在web窗体中使用引导工具提示,asp.net,twitter-bootstrap,webforms,Asp.net,Twitter Bootstrap,Webforms,我试图将引导工具提示添加到html按钮,但没有成功。我尝试了许多在网上找到的例子,但根本无法显示工具提示 我添加了bootstrap.js、jquery.js,虽然我听说bootstrap.js中包含了工具提示js,但我下载并尝试了bootstrap-tooltip.js 我试图通过引用一个类来启动工具提示,rel=。唯一能让工具提示显示的是添加选项show,这使它一直显示 下面是我的最新尝试 <div class="input-xxlarge"> <div cl
<div class="input-xxlarge">
<div class="input-append">
<asp:DropDownList ID="ddStylists" AutoPostBack="true" OnSelectedIndexChanged="ddStylists_SelectedIndexChanged"
CssClass="input-xxlarge" DataSourceID="lnqStylists" DataTextField="fullName" DataValueField="StylistID" runat="server">
<asp:ListItem Value="-1" Selected="True">---Select Stylist---</asp:ListItem>
</asp:DropDownList>
<a href="#" class="link" data-original-title="first tooltip">Hover me for a tooltip</a>!
<button id="btnSchedule" runat="server" data-placement="right" rel="tooltip" data-original-title="Send Info" class="button button-basic button-basic-orange">
<i class="icon-calendar"></i>
</button>
</div>
</div>
<script type='text/javascript'>
$('.link').tooltip();
</script>
<script src="../Scripts/ease/js/jquery.min.js"></script>
<script src="../Scripts/ease/js/bootstrap.min.js"></script>
!
$('.link')。工具提示();
我做错了什么
谢谢尝试像这样使用html标记
数据切换
,看看是否有效
<a class="link" data-toggle="tooltip" data-trigger="hover"
data-original-title="Some Text!">Hover me!</a>
加载J查询和引导后,是否尝试初始化工具提示
<script src="../Scripts/ease/js/jquery.min.js"></script>
$('.link')。工具提示();
熟悉所有浏览器的开发人员控制台,您可以检查各种情况,这也可以防止您因这些问题而发疯不知道为什么,但不起作用。我在这个应用程序中使用了很多引导程序,不确定是什么冲突导致它无法工作。您可以将一个版本(带有剥离的asp)发布到JSFIDLE(或者只更新我发布的版本)吗。这样我们就可以复制这个问题了?首先,谢谢你的帮助。我注册了JSFIDLE并创建了一个示例。希望我做得对。这是你的最新资料。您没有对类调用tooltip()
,因此它从未初始化。我将类hoverClass添加到每个类中,并在其上调用.tooltip。它现在可以工作了。我复制了你所拥有的,但它在应用程序中仍然不起作用。我移动了$('.hoverClass')。工具提示();到页面顶部,但仍然不起作用。
<script type='text/javascript'>
$('.link').tooltip();