jQuery在JSF中关闭工具提示

时间:2015-11-03 18:05:56

标签: javascript jquery jsf

我正在尝试使用jQuery hide来关闭工具提示。

在工具提示中,我放置了一个带有onclick事件的图像,该事件调用javascript函数来隐藏工具提示

<img id=... src=... onclick="hideTooltip('formId:tableId:rowIndex:tooltipId')" />

这是javascript函数

function hideTooltip(elem) {
  var pound = '#';
  jQuery(pound.concat(elem.replace(/:/g, '\\\\:'))).hide('slow');
}

调用js函数,好像我放了一个alert,它会弹出,但hide()不起作用。当我检查元素时,工具提示的id为form:table:rowIndex#:tooltipId

我尝试使用widgetVar,它会隐藏工具提示,但工具提示会根据最后一行而不是每行显示数据。

<img ... onclick="PF('widgetVarID').hide()" />

1 个答案:

答案 0 :(得分:1)

您的正则表达式不正确。正确的格式应为'\:'

替换为pound.concat(elem.replace(/:/g, '\\:'));

您也可以使用PrimeFaces.escapeClientId()

检查How to use JSF generated HTML element ID with colon ":" in CSS selectors?