标签: qtip

qTip(jQuery插件)如何删除页面中的所有qtips?

我正在使用jquery-plugin qTip.在我的页面中销毁所有工具提示的命令是什么?

我试过了:

$('.option img[title], span.taxonomy-image-link-alter img[title]').qtip("destroy");
Run Code Online (Sandbox Code Playgroud)

但它没有用......谢谢

javascript jquery jquery-plugins qtip

23
推荐指数
4
解决办法
2万
查看次数

在FullCalendar的Dayclick事件上触发jQuery qTip,然后使用其中的按钮创建Event

CSS应用于在工具提示中创建内容

.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)

javascript jquery events qtip fullcalendar

20
推荐指数
1
解决办法
2028
查看次数

将JavaScript原语分配给它们的命名等效变量,如"常量"

我正在查看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()),然后TRUEfalse可能最终意味着,或者您最终可能会分配someObjectNULL.

我想我只是想知道这种做法是否有一些赎回的质量,我错过了,或者这只是一个普通的Bad Idea™

javascript qtip

17
推荐指数
1
解决办法
584
查看次数

fullcalendar,悬停时可点击弹出窗口

我需要像这样一个悬停完整日历的弹出窗口.

尝试使用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)

javascript jquery calendar qtip fullcalendar

14
推荐指数
4
解决办法
6万
查看次数

将qTip与MVC3和jQuery验证集成(errorPlacement)

我正在研究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)

validation jquery errorplacement qtip asp.net-mvc-3

13
推荐指数
3
解决办法
9290
查看次数

jQuery ui - datepicker阻止刷新onSelect

我正在使用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()因为我不喜欢这种行为.

我也更喜欢每次点击它时日历都不刷新(但这似乎不可能)但我可能再也不能突出我的选择了.

你对我的问题有什么建议吗?

jquery-ui refresh datepicker qtip

10
推荐指数
1
解决办法
2万
查看次数

页面加载后自动显示qTip(jQuery插件)工具提示

有没有人曾经使用过qTip创建响应元素点击的工具提示,但是在页面加载后还设置为弹出窗口?我尝试使用setTimeout,但我似乎无法让它自动加载.

谢谢!

jquery qtip

9
推荐指数
1
解决办法
6819
查看次数

ASP.NET MVC验证使用qTip jQuery插件

我正在使用此处找到的解决方案,使用qTip jQuery插件在工具提示中显示客户端验证错误.此解决方案非常适合客户端验证,但我希望能够以相同的方式显示服务器端验证错误.有谁知道如何利用qTip在工具提示中显示服务器端验证错误?

谢谢

validation asp.net-mvc jquery qtip asp.net-mvc-3

8
推荐指数
1
解决办法
3793
查看次数

jQuery qTip:如何将单个工具提示div附加到多个目标div?

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?谢谢!

jquery tooltip qtip

7
推荐指数
1
解决办法
9481
查看次数

Qtip2从互联网加载"jquery.qtip.min.map"并减慢网站速度

我包括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)

虽然托管在同一台服务器脚本加载从以下的附加文件的网站CDNQtip2:

https://cdnjs.cloudflare.com/ajax/libs/qtip2/2.2.0/jquery.qtip.min.map

这极其缓慢了我的一面: 在此输入图像描述

我找不到任何关于此的信息.任何想法如何避免(如果没有必要)或替换和托管我自己的服务器?

javascript jquery cdn qtip qtip2

7
推荐指数
2
解决办法
6489
查看次数