2015-05-26 23 views
0

我想在asp.net中使用引導工具提示,但它不起作用,我不知道我在這裏做錯了什麼。在asp.net中使用引導工具提示

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <link href="Content/bootstrap.css" rel="stylesheet" />  
    <script src="Scripts/jquery-2.1.3.min.js"></script> 
    <script src="Scripts/bootstrap.min.js"></script>   
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 
    <br /> 
    <br /> 
    <br /> 
    <form id="form1" runat="server">  
     <br /> 
     <br /> 
     <asp:TextBox ID="TextBox1" data-toggle="tooltip" data-placement="right" 
                runat="server"></asp:TextBox>  
     <script> 
      $(document).ready(function() { 
       $('[data-toggle="tooltip"]').tooltip(); 
      }); 
     </script>   
    </form>  
</asp:Content> 

回答

2

你可能會錯過這樣一個取決於哪個版本的引導你使用,如果你使用的是3.X那麼會缺少這

<link href="CSS/bootstrap-theme.min.css" rel="stylesheet"> 

你也缺少ToolTip參考屬性在您的TextBox1控件

<asp:TextBox ID="TextBox1" data-toggle="tooltip" data-placement="right" ToolTip="My tooltip text" runat="server" /> 
+0

謝謝,它的工作。 – moe

+0

有沒有辦法讓工具提示只出現在onclick事件上? – moe

+0

將其更改爲引導彈出窗口。不要忘記標記爲已回答。 –