JQuery с JSF

Question

У меня проблема с интеграцией JQuery с JSF.

Я использую Spin. и у меня есть в моем коде:

<script type="text/javascript" src="#{request.contextPath}/scripts/jquery.selectbox-0.5.js"></script>
    jQuery(document).ready(function($){
      $.spin.imageBasePath = '../images/spin1/';
      $('#spin1').spin();
      $('#spin2').spin();
      $('#spin3').spin();
    }

Когда я в первый раз вызываю страницу, в компоненты добавляется «вращение».

Проблема в том, что у меня тоже есть, и как только я вызываю его и обновляю часть страницы (где у меня есть счетчики) - он больше не работает. Кажется, что Jquery вызывается только при чтении страницы и однажды обновляет его часть - я бы выполнил это больше.

Я пытался использовать h:commandButton с f:ajax, но это не решило проблему.

Я пытался переместить скрипт в форму, которая отображается, но это не помогает

Как я могу решить эту проблему?

Answer 1

В орехе, вы хотели бы повторно выполнить его, когда запрос ajax был выполнен?

Переместите его в функцию следующим образом:

jQuery(document).ready(function() {
    jQuery.spin.imageBasePath = '../images/spin1/';
    runSpinners();
});
function runSpinners() {
    jQuery('#spin1').spin();
    jQuery('#spin2').spin();
    jQuery('#spin3').spin();
}

Таким образом, вы можете повторно использовать его в атрибуте oncomplete <p:commandButton>.

<p:commandButton oncomplete="runSpinners()" />

Кроме того, вы также можете использовать <p:ajaxStatus>, чтобы выполнить его при завершении каждого вызова ajax, независимо от нажатой кнопки / ссылки:

<p:ajaxStatus oncomplete="runSpinners()" />

Answer 2

Просто напишите

$ = jQuery;

После этого вы можете наслаждаться стандартным способом написания jQuery с помощью знака $ ...

$(document).ready(function() {
    $.spin.imageBasePath = '../images/spin1/';
    runSpinners();
});
function runSpinners() {
    $('#spin1').spin();
    $('#spin2').spin();
}