Question

在我的控制中，我定义了一个带有工具提示的文本框：

<div class="form-group">
    <asp:TextBox  name="ReportYear" CssClass="form-control" ID="txtReportYear" runat="server" placeholder="Enter Year" MaxLength="4" ClientIDMode="Static" data-toggle="tooltip" data-placement="top" title="Provide a Year"></asp:TextBox>
</div>

在我的javascript文件中，我定义了以下内容：

$(function(){
    $('#txtReportYear').tooltip('hide');
});

，如Bootstrap Tutorial

中所述

在我的master页面中，我声明了对.js个文件的所有引用

......
<head runat="server">
    <title></title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link href="Styles/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="Styles/a360.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.11.3.js" type="text/javascript"></script>
    <script src="Scripts/validations.js" type="text/javascript"></script>
    <script src="Scripts/bootstrap.js" type="text/javascript"></script>

    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server" class="form-inline" role="form">
        <div class="container">
            <div class="jumbotron">    
                <h1>A360 Statement Generator</h1>
                <p>This application is used to generate A360 PDS statements</p>
            </div>
            <div class="row">
                <div class="col-xs-12">
                    <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="footer">

        </div>      
    </form>
.....

但是，我的工具提示不像教程那样黑，不能放在文本框的顶部

我做错了什么？

Bootstrap工具提示无法在ASP.NET窗体中运行

0 个答案: