未显示窗体元素样式的jquery工具提示
未显示窗体元素样式的jquery工具提示
提问于 2013-06-05 20:06:01
我实现了基于这的工具提示。我看到工具提示但没有风格。似乎样式表中的内容不能正常工作。
我的代码：
JS
// select all desired input fields and attach tooltips to them
$("#edit_foto_form :input").tooltip({
// place tooltip on the right edge
position: "center right",
// a little tweaking of the position
offset: [-2, 10],
// use the built-in fadeIn/fadeOut effect
effect: "fade",
// custom opacity setting
opacity: 0.7
});CSS
/* simple css-based tooltip */ .tooltip {
background-color:#000;
border:1px solid #fff;
padding:10px 15px;
width:200px;
display:none;
color:#fff;
text-align:left;
font-size:12px;
/* outline radius for mozilla/firefox only */
-moz-box-shadow:0 0 10px #000;
-webkit-box-shadow:0 0 10px #000;
}<div id="content">
<h1 class="top">Update Foto</h1>
<form action="" method="post" id="edit_foto_form" enctype="multipart/form-data">
<input type="hidden" name="action" value="update_foto" />
<label for="file">Foto:</label>
<input type="file" name="fotofile" id="fotofile" title="Bitte Foto 100 x 100, größere werden angepasst."><br>
<span></span>
<br />
<label> </label>
<input type="submit" value="Hochladen" />
<br />
</form>
</div知道有什么不对吗？
Jquery添加到doco的头部分：
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script>
<script src=http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/localization/messages_de.js"></script>回答 4
Stack Overflow用户
发布于 2013-06-05 20:29:03
将JS代码放入：(document.ready)
$(函数(){ //您的JS代码 })；
Stack Overflow用户
发布于 2013-06-05 20:35:45
Jquery工具提示似乎不适用于input type="file"。我使用了您的代码并更改了type="text"，它运行良好。
您可以在这里看到演示：
Jsfiddle.net/3 3mhSn/10/
Stack Overflow用户
发布于 2013-06-05 21:23:10
您需要包括jqueryTools。您只包含了jquery、jquery和jquery验证。将此添加到HTML中
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16948861
复制相关文章
相似问题
腾讯云开发者
