0

我正在开发一个日历，我想在用户单击日历单元格时打开一个 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'
            }
    });
}

很多问题：

  • 当我单击一个单元格时，什么也没有发生，但是当我将光标移出单元格然后我再次将鼠标悬停在单元格上时会出现工具提示；
  • 关闭按钮不起作用；
  • 单击第二个单元格，第一个工具提示关闭并打开一个新工具提示，但是当我将鼠标悬停在第一个单元格上时，旧工具提示再次出现。

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

谢谢

4

0 回答 0