工具提示不顯示

我輸入組在我的表格：工具提示不顯示

<div class="input-group"> 
     <div class="input-group-addon" data_toggle="tooltip" data_placement="left" data_content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." id="Contact"> 
      @Html.LabelFor(model => model.EmployeeNo, new { @class = "control-label" }) 
     </div> 
     <div class=""> 
      @Html.TextBoxFor(model => model.EmployeeNo, new {@class="form-control" }) 
      @Html.ValidationMessageFor(model => model.EmployeeNo) 
     </div> 
    </div>

，並提示該腳本調用：

$(document).ready(function() { 
    $('#Contact').tooltip(); 
});

jQuery和引導包括在內。瀏覽器控制檯中沒有警告和錯誤。我做錯了什麼？

來源

2014-02-24 szpic

我認爲像data_toggle數據屬性，data_placement應該是數據切換等。 - insted of _ – Vladimirs

看看這個 [如何使用靴子陷阱工具提示？ [關閉] [1] [1]：http://stackoverflow.com/questions/16461317/how-to-use-bootstrap-tooltip – Wandile

的tooltip功能顯示。

所以，你應該提示文本添加到您的div：

<div title="..." class="input-group-addon" data_toggle="tooltip" data_placement="left" data_content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." id="Contact"> 
    @Html.LabelFor(model => model.EmployeeNo, new { @class = "control-label" }) 
</div>

創建時，另一種可能性是，設置提示的content屬性：

$(document).ready(function() { 
    $('#Contact').tooltip({ content: "..." }); 
});

來源

2014-02-24 09:14:14 RononDex

由於它現在是展示，但現在我必須找出原因它顯示在頂部，儘管data_placement設置爲左側。 – szpic

聽起來像一個CSS問題給我。你有沒有加載jQuery UI css？ – RononDex

嘗試設置位置參數：http://api.jqueryui.com/tooltip/#option-position – RononDex

我不確定你爲什麼在這裏使用data_content。然而，自舉需要工具提示title屬性，因此將其添加到您的div：無論你已經添加到您的div的title屬性

<div class="input-group-addon" data_toggle="tooltip" data_placement="left" title="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data_content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." id="Contact"> 
    @Html.LabelFor(model => model.EmployeeNo, new { @class = "control-label" }) 
</div>

來源

2014-02-24 09:13:41 Felix

工具提示不顯示

回答

相關問題