通過jQuery顯示信息窗口（工具提示或彈出窗口）

在asp.net/c# web應用程序中，我正在編寫一個jQuery腳本。通過jQuery顯示信息窗口（工具提示或彈出窗口）

我有一個事件函數如下：

function showInfo(event,label){ 
    switch (label) 
    { 
     case 'America': 
      //Show America's info 
      break; 
     case 'Europe': 
      //Show Europe's info 
      break; 
     case 'Africa': 
      //Show Europe's info 
      break; 
    } 
}

我想顯示在一個盒子裏的信息。信息框應該支持基本的HTML元素，如圖片和表格;做這個的最好方式是什麼？

我試圖使用qtip2，但我不知道如何通過該函數顯示工具提示（沒有元素可以鏈接工具提示）。
我想有一些功能，如ShowTooltip()，我可以隨時撥打電話。

來源

2012-03-27 Youssef

將所有要執行此操作的元素提供給同一個類，然後創建一個懸停函數，如下所示;

$('body').on("hover", ".tooltipclass", hoveron, hoveroff);

然後創建您的懸停開/關功能。根據你想要做什麼樣的元素，有很多方法可以實現這一點，你可以給元素另外一個類名稱，比如美國或者歐洲，然後使用$（this）.hasClass來檢查顯示哪個工具提示。

至於顯示工具提示的實際機制而言，你可以有隱藏的頁面上已經提示，或使它們與AJAX調用，然後放置它們基於鼠標的位置，看到這裏http://docs.jquery.com/Tutorials:Mouse_Position

當然很多人已經這樣做了，所以你可以找一個工具提示插件

來源

2012-03-27 12:06:06 WebweaverD

如果你正在尋找一個簡單的工具提示插件，看看這個jQuery Tooltip plugin

它支持HTML代碼（然後IMG）爲你問，是簡單易用。該插件獲得MIT/GPL許可。

希望得到這個幫助。

來源

2012-03-27 12:06:02 Mordhak

通過jQuery顯示信息窗口（工具提示或彈出窗口）

回答

相關問題