2

对于我正在编写的应用程序，我需要在提交表单时将内容动态加载到 DIV 中。

这种动态加载的内容需要在加载时自动显示几个工具提示（不需要事件来触发它）。我选择 qTip 是因为它具有执行此操作的参数，这与我发现的大多数其他工具提示不同，它们需要一个事件来触发工具提示（例如 onmouseover）。

这是用于实现此目的的 qTip 代码：

$(函数(){
    $('#someelement').qtip({
        content: '这是消息！',
        显示：{准备好：真，当：假}，
        隐藏：{假}，
        位置： {
            角落： {
                目标：“左上角”，
                工具提示：'bottomRight'
            }
        },
        风格： {
                        ......这里的样式代码......
            }
        }
    })
});

这适用于我尝试的任何形状或形式。提示成功出现。

但是，如果我与内容一起动态加载此代码，则不会出现工具提示。

内容正在使用 Malsup 的出色表单和 taconite 插件加载。

任何想法将不胜感激！

当然，如果您知道我可以使用其他方法或插件来实现相同的类似效果，请不要害羞地提出建议。:)

4

1 回答 1

2

我以前遇到过这个问题，这就是我解决它的方法。将插件代码放在一个单独的函数中，并在准备好文档时调用它：

$(function(){
    loadQtip();
});

function loadQtip() {
    $('#someelement').qtip({
        content: 'This is the message!',
        show: { ready: true, when: false },
        hide: { false },
        position: {
            corner: {
                target: 'topLeft',
                tooltip: 'bottomRight'
            }
        },
        style: {
                        ............ styling code here................
            }
        }
    })
}

然后，当您添加新数据时，再次调用该函数：

...
complete: function() {
    loadQtip();
}

您会发现对于单击、更改等事件，该.live()方法很有效，但是当您将插件设置为元素时，没有持久方法。

于 2010-08-11T08:08:16.397 回答