Question

我正在开发日历，我想在用户点击日历单元格时打开qTip2工具提示。

根据Raynos给出的建议，我正在尝试按照OOP原则开发我的jQuery代码。所以我尝试了一个非常基本的例子，只需将我的代码放在构造函数中并在单元格的HTML中调用它。

您在这里是HTML代码

<td onclick="new CalendarEvent('2012-10-22')" id="2012-10-22">

和Javascript一个

var CalendarEvent = function (date) 
{
    this.date = date;

    $('#'+this.date).qtip({
            content: 
            {
                text: 'Lorem ipsum',
                title: {
                    text: 'Lorem ipsum',
                    button: true
                }
            },
            position: {
                    my: 'left center', 
                    at: 'center'
            },
            show: {             
                    solo : true 
            },
            hide: 'click',
            style: {
                    tip: true,
                    classes: 'ui-tooltip-light'
            }
    });
}

许多问题：

当我点击一个单元格时，没有任何反应，但是当我将光标移出单元格然后我再次悬停在单元格上时会出现工具提示;
关闭按钮不起作用;
点击第二个单元格，关闭第一个工具提示并打开一个新工具提示，但当我将鼠标悬停在第一个单元格上时，旧工具提示会再次出现。

显然，当以程序方式使用相同的代码时，一切都还可以......

谢谢

qTip2和面向对象编程

0 个答案: