JSF не позволяет генерировать HTML-теги через jquery & javascript?

Question

Я использую jsf 2.0, richfaces 4.0 для реализации моего приложения. Несколько раз я использовал функцию jQuery & javascript для показа и скрытия. Но когда я генерирую теги на странице xhtml, это не позволяет мне.

Враг, например: Я хочу добавить изображение для rich:autocomplete компонента jsf для каждого результата поиска. Поэтому я пишу код так:

<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 к результату поиска.

Спасибо.

Answer 1

Первое, что вам нужно знать, это то, что Richfaces поставляется с Prototype и jQuery. Таким образом, $ относится не к jQuery, а к Prototype. Вы должны использовать непосредственно jQuery вместо $ в своем коде.

Второе, что вы должны рассмотреть, это использовать ' вместо " для определения вашего атрибута <img>.

Наконец, вы можете упростить свой код jQuery.

Поэтому попробуйте изменить свой код на:

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