Visual Studio Tooltipster設置

我使用Visual Studio 2015 NuGet Package Manager安裝了Tooltipster，關閉並再次打開項目。正如預期的那樣，內容下有一個新的Tooltipster文件夾。繼網上說明我只是把Visual Studio Tooltipster設置

<script> 
$(document).ready(function() { 
    $('.tooltip').tooltipster(); 
});

在我的Razor視圖

和

<link rel="stylesheet" type="text/css" href="tooltipster/dist/css/tooltipster.bundle.min.css" /> 
<link rel="stylesheet" type="text/css" href="~/Content/Tooltipster/css/themes/tooltipster-light.css" media="screen" />

在_Layout.cshtml

比已經存在的其他

（？隱藏）

<script src="~/Scripts/jquery-1.12.4.js"></script>

當我添加工具提示，比方說，一個img ..圖像只是消失

<img src="/Content/Images/downarrow.png" class="tooltip" title="This is my image's tooltip message!" />

無論是它的工作原理是這樣的：

<span class="fa-lg" title="This is my span's tooltip message!"><a href="#">@Html.FontAwesome(FontAwesomeIconSet.QuestionCircle)</a></span>

也許不兼容與我的jQuery版本？引導？我究竟做錯了什麼？

來源

2017-02-26 Luke

我有ToolTipster在使用從他們的網站下載的版本的Visual Studio ASP.Net MVC應用程序中工作。

因此，作爲一個完整性檢查，我不能多說NuGet包，但可以確認ToolTipster在ASP.Net MVC 5 Web應用程序中工作。

首先要做的是將圖像上的類名從「tooltip」更改爲「mytooltip」。 ToolTipster文檔指出：

「注意：如果您使用Twitter的Bootstrap，請使用另一個類名稱，因爲'tooltip'會產生衝突。」

也改變了文檔準備的功能匹配：

<script> 
$(document).ready(function() { 
    $('.mytooltip').tooltipster(); 
});

我使用jQuery 1.11讓你的1.12版本應該罰款。

除了上面提到的那些之外，沒有Bootstrap引起的問題。

我在您的示例中沒有看到的其他內容是對ToolTipster js文件本身的引用。

我有以下

<script src='/Scripts/ToolTipster/tooltipster.bundle.min.js'></script>

我CSHTML佈局頁頭

。您的.js文件的路徑將有所不同。因此，也許在瀏覽器中啓動它，然後按F12鍵加載開發人員工具，查看一下並確保您在那裏有一個對tooltipster.bundle.min.js文件的引用。

請確保當您查看頁面源代碼時，您的圖像類具有工具提示，：

class="mytooltip tooltipstered"

這將顯示文檔加載函數正確地修改您的工具提示類。

來源

2017-03-20 20:16:27

Visual Studio Tooltipster設置

回答

相關問題