JSF 不允许通过 jquery & javascript 生成 html 标签？答案

【问题标题】：JSF wont allow to generate html tags through jquery & javascript?JSF 不允许通过 jquery & javascript 生成 html 标签？
【发布时间】：2011-03-16 07:34:01
【问题描述】：

我正在使用 jsf 2.0、richfaces 4.0 来实现我的应用程序。我有时使用 jQuery 和 javascript 函数来显示和隐藏。但是当我在 xhtml 页面中生成标签时，它不会允许我。

敌人例如：我想为每个搜索结果附加 jsf 的 rich:autocomplete 组件的图像。所以我这样写代码：

<script type="text/javascript">
function addPhotoPage(){
    var allDiv=$('#frmContent\\:txtPatientSearchItems').find('div');
    $.each(allDiv,function(cnt,data){
   $(this).append("<img src="./resources/images/photo.png">");
    });
}
</script>

这段代码写在xhtml页面中。

JSF 严格检查所有标签，因此它不允许我将 img 标签附加到搜索结果。

谢谢。

【问题讨论】：

标签： javascript jquery jsf xhtml richfaces

【解决方案1】：

首先你要知道的是，Richfaces 提供了 Prototype 和 jQuery。因此，$ 不是指 jQuery，而是指 Prototype。您应该在代码中直接使用jQuery 而不是$。

您应该考虑的第二件事是使用' 而不是" 来定义您的<img> 属性。

最后，您可以简化 jQuery 代码。

所以尝试将您的代码更改为：

function addPhotoPage() {
    jQuery("#frmContent\\:txtPatientSearchItems").find("div").append("<img src='./resources/images/photo.png'>"));
}

【讨论】：