jQuery：無法讓工具提示插件工作

我正在嘗試使用此工具提示插件：http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/。我似乎無法得到它的工作。jQuery：無法讓工具提示插件工作

<head> 
    <script type="text/javascript" src="/static/JQuery.js"></script> 
    <script type="text/javascript" src="/static/jquery-ui-1.8.1.custom.min.js"></script> 
    <script type="text/javascript" src="/static/jquery.json-2.2.min.js"></script> 
    <script type="text/javascript" src="/static/jquery.form.js"></script> 
    <script type="text/javascript" src="/static/js-lib/jquery.bgiframe.js"></script> 
    <script type="text/javascript" src="/static/js-lib/jquery.delegate.js"></script> 
    <script type="text/javascript" src="/static/js-lib/jquery.dimensions.js"></script> 
    <script type="text/javascript" src="/static/jquery.tooltip.js"></script> 
    <script type="text/javascript" src="/static/sprintf.js"></script> 
    <script type="text/javascript" src="/static/clientside.js"></script> 
</head>

我試一下在一個簡單的例子：

clientside.js：

$(document).ready(function() { 

    $("#set1 *").tooltip(); 
});

目標HTML：

<div id="set1"> 
       <p id="welcome">Welcome. What is your email?</p> 
       <form id="form-username-form" action="api/user_of_email" method="get"> 
        <p> 
        <label for="form-username">Email:</label> 
        <input type="text" name="email" id="form-username" /> 
        <input type="submit" value="Submit" id="form-submit" /> 
        </p> 
       </form> 
       <p id="msg-user-accepted"></p> 
      </div>

不幸的是，沒有任何反應。我究竟做錯了什麼？

來源

2010-05-13 Nick Heiner

您需要在元素title屬性得到提示，像這樣：

<input type="text" name="email" id="form-username" title="My Tooltip" />

You can see a demo here

另外，還要確保你包括the CSS file，或有自己的CSS樣式化tooltip，tooltip插件包含的默認樣式表是：

#tooltip { 
    position: absolute; 
    z-index: 3000; 
    border: 1px solid #111; 
    background-color: #eee; 
    padding: 5px; 
    opacity: 0.85; 
} 
#tooltip h3, #tooltip div { margin: 0; }

來源

2010-05-13 23:32:21

這不起作用了！爲什麼？ – 2015-11-23 14:39:45

jQuery：無法讓工具提示插件工作

回答

相關問題