jQuery的:无法获取提示插件工作
-
26-09-2019 - |
题
我想使用这个工具提示插件:的http:// bassistance。德/ jQuery的插件/ 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>
不幸的是,没有任何反应。我在做什么错了?
解决方案
您需要在你的元素title
属性得到提示,像这样的:
<input type="text" name="email" id="form-username" title="My Tooltip" />
另外,还要确保你包括的CSS文件,或有你自己风格的工具提示的CSS,默认的样式表工具提示插件包括是:
#tooltip {
position: absolute;
z-index: 3000;
border: 1px solid #111;
background-color: #eee;
padding: 5px;
opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
不隶属于 StackOverflow