如何以编程方式将jquery qtip工具提示显示为错误通知程序
我需要以编程方式将qtip工具提示显示为我正在处理的表单中的错误通知。表单通过ajax提交,并返回一个带有操作的对象,如果有错误,则返回一个字段名数组,其中显示错误文本如何以编程方式将jquery qtip工具提示显示为错误通知程序,jquery,tooltip,Jquery,Tooltip,我需要以编程方式将qtip工具提示显示为我正在处理的表单中的错误通知。表单通过ajax提交,并返回一个带有操作的对象,如果有错误,则返回一个字段名数组,其中显示错误文本 if (response.action == 'error') { // We would put tooltip on appropriate items here for (var key in response.text){ //alert( "Key: " + key + " Value: " + res
if (response.action == 'error') {
// We would put tooltip on appropriate items here
for (var key in response.text){
//alert( "Key: " + key + " Value: " + response.text[key] );
jQuery(key).qtip({
content: {
text: response.text[key],
prerender: true
},
style: {
theme: 'red',
tip : {corner : "bottomLeft", size : { x : 12, y : 12 }}
},
position : {
corner : {
target : "topRight",
tooltip : "bottomLeft"
}
},
show : {
ready : true, // show when created on orderError call
when : false // never show unless explicitly called
}
});
jQuery(key).qtip("show");
}
}
上面是相关的chuck代码——一步一步地看,一切似乎都很好,但我无法让工具提示启动并显示在页面上。是否有人成功地做到了这一点,或者是否有任何明显的我做错了?正如您在评论中指出的,一个问题是您需要确保您的
key
变量是q-tip API调用jQuery(key).qtip(“show”)的有效jQuery选择器代码>开始工作
您的其他问题(鼠标悬停弹出窗口)可能与您的显示选项有关:
show : {
ready : true, // show when created on orderError call
when : false // never show unless explicitly called
}
when:false
表示q-tip将等待您的.qtip(“show”)代码>呼叫,这样可以正常工作。
但是,ready:true
将在DOM准备就绪后立即显示q-tip,这将使“show”的API调用变得多余
尝试以下方法:
show : {
when : false
}
看看这是否更好
您可能还需要:
hide: {
when: false
}
。。。防止鼠标移出链接元素时工具提示消失。(用户可能还需要其他方法来隐藏工具提示)我希望我的格式正确。hi-key是字段的id(啊哈!可能是这样-它缺少了#)-响应。text[key]是错误文本。好的,这是第一步-获得正确的id。现在我只需要让提示在“显示”后立即显示被调用-现在它们在鼠标上方弹出。