我正在使用jquery-plugin qTip.在我的页面中销毁所有工具提示的命令是什么?
我试过了:
$('.option img[title], span.taxonomy-image-link-alter img[title]').qtip("destroy");
Run Code Online (Sandbox Code Playgroud)
但它没有用......谢谢
.cl_root {
width: 100%;
font-size: 13px;
overflow: hidden;
}
.cl_root .cl_table {
background-color: #FFF;
width: 100%;
margin-bottom: 8px;
max-width: 100%;
}
.cl_table .cl-key {
vertical-align: top;
text-align: left;
white-space: nowrap;
font-weight: normal;
padding: .4em 1em .4em 0;
font-weight:bold;
}
.cl_table .cl-value{
width: 95%;
padding: .4em 0;
text-align:left;
}
.textbox-fill-input {
width:95%;
padding:2px;
border-width:1px;
border-color:#666 #ccc #ccc #666
}
.cl-example {
FONT-SIZE: 12px; PADDING-TOP: 2px;
font-style:italic
}
.lk {
WHITE-SPACE: nowrap; COLOR: #112abb; CURSOR: pointer; TEXT-DECORATION: underline;
float: left;padding-top: 6px;padding-left: …
Run Code Online (Sandbox Code Playgroud) 我正在查看qTip 2的源代码并看到以下内容:
// Munge the primitives - Paul Irish tip
var TRUE = true,
FALSE = false,
NULL = null;
Run Code Online (Sandbox Code Playgroud)
我无法想出你应该这样做的理由,并且有一种强烈的感觉,它只会鼓励不良的编码习惯.假设开发人员在Yoda条件下输入错字if (TRUE = someCondition())
,然后TRUE
很false
可能最终意味着,或者您最终可能会分配someObject
给NULL
.
我想我只是想知道这种做法是否有一些赎回的质量,我错过了,或者这只是一个普通的Bad Idea™
我需要像这样一个悬停完整日历的弹出窗口.
尝试使用qtip的完整日历,但是当鼠标离开现场时,无法通过点击弹出它的disappers.
这是一个类似的例子,但它需要创建一个像上面例子那样的可点击弹出窗口
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var events_array = [
{
title: 'Test1',
start: new Date(2012, 8, 20),
tip: 'Personal tip 1'
},
{
title: 'Test2',
start: new Date(2012, 8, 21),
tip: 'Personal tip 2'
}
];
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
events: events_array,
eventRender: function(event, element) {
element.attr('title', event.tip);
}
}); …
Run Code Online (Sandbox Code Playgroud) 我正在研究MVC3的proyect,我正在尝试将qTip2与jQuery验证集成,以便将错误显示为浮动提示.我遇到的问题是显然在表单验证上调用errorPlacement没有做任何事情,猜测它与MVC处理它的方式有关.
基本上,我想要做的是使用MVC3和jQuery(注释)之间的集成验证,但也与qTip集成以更改错误消息的显示方式.
我已经搜遍了所有我找到的最好的是有人建议修改jquery.validate.unobtrusive.js - onError函数,但我检查了它并且不知道如何正确地修改它,加上更喜欢没有的解决方案要求我改变现有的脚本.
谢谢您的帮助.
到目前为止我所拥有的:
我的型号:
public class User
{
[Required]
public string Id { get; set; }
[Required]
[DataType(DataType.EmailAddress)]
public string Email { get; set; }
public string FirstName { get; set; }
public string SecondName { get; set; }
public string LastName { get; set; }
}
Run Code Online (Sandbox Code Playgroud)
我的观点中的javascript:
$('#Form').validate({
errorClass: "errormessage",
errorClass: 'error',
validClass: 'valid',
errorPlacement: function (error, element) {
// Set positioning based on the elements position in the form
var elem = $(element),
corners …
Run Code Online (Sandbox Code Playgroud) 我正在使用jQuery ui Datepicker来显示一个完整的"特殊日期"(带颜色)的年度内联日历.
这是为了允许用户通过选择范围和其他一些细节来批量特殊日期.
$('#calendar').datepicker({
...
, onSelect: function (selectedDate, inst) {
$('.date_pick').toggleClass('focused');
if ($('.date_pick.end').hasClass('focused')) {
$('.date_pick.end').val('');
}
# inst.preventDefault() ? <- not a function
# inst.stopPropagation() ? <- not a function
# return (false) ? <- calendar refreshes anyway
}
...
});
Run Code Online (Sandbox Code Playgroud)
我也使用qtip来显示每个日期的详细信息
我的问题是,当我点击日历时,它完全重新加载,所以我放松了我的qtips.
我不想在qtip中使用live()因为我不喜欢这种行为.
我也更喜欢每次点击它时日历都不刷新(但这似乎不可能)但我可能再也不能突出我的选择了.
你对我的问题有什么建议吗?
有没有人曾经使用过qTip创建响应元素点击的工具提示,但是在页面加载后还设置为弹出窗口?我尝试使用setTimeout,但我似乎无法让它自动加载.
谢谢!
我正在使用此处找到的解决方案,使用qTip jQuery插件在工具提示中显示客户端验证错误.此解决方案非常适合客户端验证,但我希望能够以相同的方式显示服务器端验证错误.有谁知道如何利用qTip在工具提示中显示服务器端验证错误?
谢谢
jQuery qTip插件的正常行为是为每个分配的工具提示项创建一个新的隐藏div.有没有办法将单个隐藏的工具提示元素绑定到多个目标,以避免混乱DOM?
受控示例:
<div id="foo1"></div>
<div id="foo2"></div>
<script> $("#foo1,#foo2").qTip({"content":"test"}); </script>
<!-- Creates two elements, rather than one: -->
<div class="qtip" style="display:none;">test</div>
<div class="qtip" style="display:none;">test</div>
Run Code Online (Sandbox Code Playgroud)
如果qTip无法做到这一点,任何人都可以推荐另一个基于jQuery的工具提示插件,它只使用一个工具提示容器支持丰富的HTML?谢谢!
我包括Qtip2我的网站上使用了以下片断,而文件的托管自己的服务器上所提到这里:
<!-- jQuery FIRST i.e. before qTip (and all other scripts too usually) -->
<script type="text/javascript" src="/scripts/jquery.min.js"></script>
<!-- Include either the minifed or production version, NOT both!! -->
<script type="text/javascript" src="/scripts/jquery.qtip.js"></script>
Run Code Online (Sandbox Code Playgroud)
虽然托管在同一台服务器脚本加载从以下的附加文件的网站CDN的Qtip2:
https://cdnjs.cloudflare.com/ajax/libs/qtip2/2.2.0/jquery.qtip.min.map
这极其缓慢了我的一面:
我找不到任何关于此的信息.任何想法如何避免(如果没有必要)或替换和托管我自己的服务器?
qtip ×10
jquery ×8
javascript ×5
fullcalendar ×2
validation ×2
asp.net-mvc ×1
calendar ×1
cdn ×1
datepicker ×1
events ×1
jquery-ui ×1
qtip2 ×1
refresh ×1
tooltip ×1