0

ツールチップが表示されていません。通常ブラウザに表示されるタイトルのみが表示されます...どうすればよいですか？

これが私のコードです。

HTMLコード：

<form action="/validate.php" method="post" id="myform">
<table width="100%" border="1"><tr><td style="max-width:150px;">
<span id="l1" class="label">Username:</span></td><td 
    style="min-width:500px;"><input type="text" name="username" id="username" 

class="input" title="Username must contain only alphabets and numbers"/>
</td></tr><tr><td>
<span class="label" id="l2">Password:</span></td><td><input 

type="password" name="pass" id="pass" class="input"/>
</td></tr><tr><td>
<span class="label" id="l3">Repeat password:</span></td><td><input 

type="password" name="rep-pass" id="rep-pass" class="input"/>
</td></tr></table>
</form>

Css：

.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

Jquery：

$(document).ready(function() {
$("#myform :input").tooltip({
position: "center right",
offset: [-2, 10],
effect: "fade",
opacity: 0.7
});
});
4

2 に答える 2

0

jQueryUIライブラリを更新してみてください。私は間違っている可能性がありますが、バージョン1.8.2のライブラリはjQueryライブラリである必要があります。jQuery UIは、かなり前からその数を上回っています。それでも、メニューやツールチップなどの新機能を使用するには、jQueryUIバージョン1.9.0を実行している必要があります。

jQueryUI1.9.0をダウンロードする

于 2012-11-20T19:14:32.380 に答える
-1

War10ckが述べたように、これは使用しているバージョンには存在しません。更新するか、別のライブラリを使用するかを選択できます。私はTwitterBootstrapとそれが提供するツールチップの大ファンで、たった2セントです:)。

于 2012-11-20T17:10:20.847 に答える