Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何以编程方式将jquery qtip工具提示显示为错误通知程序_Jquery_Tooltip - Fatal编程技术网

如何以编程方式将jquery qtip工具提示显示为错误通知程序

如何以编程方式将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

我需要以编程方式将qtip工具提示显示为我正在处理的表单中的错误通知。表单通过ajax提交,并返回一个带有操作的对象,如果有错误,则返回一个字段名数组,其中显示错误文本

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。现在我只需要让提示在“显示”后立即显示被调用-现在它们在鼠标上方弹出。