Проблема с css и javascript

Question

На моей странице у меня есть стиль, затем форма, а затем код java-скрипта.

У меня есть два вопроса:

Первое: когда я нажимаю кнопку «Отправить», все мое моделирование уходит, а также ожидаемое действие (Div появляться) не бывает.

Во-вторых: У меня есть выходной текст для отображения маленькой фразы, говорящей о том, что подписка прошла успешно или нет, которая считывает свойство bean, называемое результатом. Проблема в том, что это свойство никогда не обновляется. Входные поля после того, как я обновляю страницу, они выглядят чистыми, этот выводText no. Как я могу заставить его получить без текста, когда пользователь второй раз заходит на страницу?

Большое вам спасибо!

Стиль:

#mainTableRightDiv1 { 
    display: none; 
    background-color:rgba(0, 0, 0, 0.5); 
} 

тела:

<button class="button" id="subscribe">Subscribe</button> 

<div id="mainTableRightDiv1"> 

    <table class="hidden" id="formTable"> 
     <tr> 
      <td id="formTd">First Name:</td> 
      <td><h:inputText class="form" id="inputFirstName" value="#{visitor.firstName}"/></td> 
     </tr> 
     <tr> 
      <td id="formTd">Last Name:</td> 
      <td><h:inputText class="form" id="inputLastName" value="#{visitor.lastName}"/></td> 
     </tr> 
     <tr> 
      <td id="formTd">Email:</td> 
      <td><h:inputText class="form" id="inputEmail" value="#{visitor.email}"/></td> 
     </tr> 
    </table> 

</div> 

<p><h:commandButton class="button" id="submit" value="Submit" action="#{visitor.registerVisitor()}"/></p> 

<p><h:outputText class="output" id="result" value="#{visitor.result}"/></p> 

Javascript:

$("#subscribe").click(function (e) { 
    $("#mainTableRightDiv1").css('display', 'block'); 
}); 

Answer 1

Заменить jquer y с событием .on() вместо .click(), также убедитесь, что вы включили jQuery.

Что касается вашего второго вопроса, то вы можете установить результат какого-либо текста, когда документ был составлен с JQuery

$(document).ready(function(){ 
    result = ""; 

    $(document).on("click","#subscribe",function(){ 
     $("#mainTableRightDiv1").css("display","block"); 
    }) 
}); 

Рекомендуется поместить весь код JQuery в $ (документ). ready(), чтобы обеспечить выполнение всего.