Jorn的JQuery工具提示插件

我在想有人可能碰到過這個，但不確定。從較高的層面來看，我嘗試翻轉輸入[type = text]並使用http://bassitance.de處的插件顯示工具提示（使用包含的值）。Jorn的JQuery工具提示插件

我必須使用標題和類對特定元素進行驗證，所以我把一個空白的div來保存翻轉的輸入[type = text]值。

Issue：

它不會一次保存2個文本框的值。一旦我在右側的框中輸入一個值，左側的工具提示就會消失。同樣的事情，如果我切換它。我無法保留多個元素的工具提示。

這裏是代碼（注意：您將不得不下載源代碼中的插件，因爲我不確定哪裏有正式版本）。

<link rel="stylesheet" href="/scripts/jquery-tooltip/jquery.tooltip.css" /> 
<script type="text/javascript" src="/scripts/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="/scripts/jquery-tooltip/jquery.tooltip.min.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     $("input").change(function(){ 
      var newTitle = $(this).val(); 
      $(this).parent().attr("title",newTitle); 
      // re-init tool tip 
      reload(); 
     }); 

     // Init tooltip 
     reload(); 
    }); 

    reload = function(){ 
     $("div").tooltip(); 
    } 
</script> 
<body> 
    <table border="1px solid black"> 
     <tr> 
      <td title="hello"> 
       <div> 
        <input type="text" value=""/> 
       </div> 
      </td> 
      <td> 
       <div> 
        <input type="text" value=""/> 
       </div> 
      </td> 
     </tr> 
    </table> 
    <div id="debug"></div> 
</body> 
</html>

來源

2009-07-07 Jeff Ancel

好吧，我結束了黑客進入這個太多了。我最終使用了一個不同的插件，它允許我將標題以外的值（即文本框中的當前值）賦值，以避免需要滾動。 – 2009-07-08 16:57:48

這裏是我得到了正確執行我的功能的工具提示的網站。 http://www.walterzorn.com/tooltip/tooltip_e.htm – 2009-07-08 16:59:31

我無法理解你的問題。你想一次顯示兩個工具提示還是你的問題是你在每個重載功能上設置的title屬性會擦除兩個標題？

我之前使用過這個插件，如果你解釋更多，或者展示你的例子的演示，我將能夠提供幫助。

思南。

編輯工作版本：（它改變了「TD的頭銜）

$(function(){ 
    $("input").change(function(){ 
      var newTitle = $(this).val(); 
      $(this).parent().parent('td').attr("title",newTitle); 
      // re-init tool tip 
      reload(); 
    }); 

    // Init tooltip 
    reload(); 
}); 

reload = function(){ 
    $("[title]").tooltip(); 
}

來源

2009-07-07 22:17:53 Sinan

Jorn的JQuery工具提示插件

回答

相關問題