JQuery change onclick on button

Question

Мы используем стороннее расширение Joomla - Surveyforce и хотим иметь возможность изменять событие click на кнопке на определенной странице в опросе, чтобы мы могли сделать свою собственную проверку, прежде чем двигаться дальше.

Мы создали модуль, чтобы положить на страницу, содержащую JQuery код следующим

jQuery.noConflict(); 

jQuery(document).ready(function() { 

    jQuery('div#survey_container').bind("DOMSubtreeModified",function(){ 

     if (jQuery('p#aaa').length >0){ // <<< CHECK WE ARE ON CORRECT PAGE 

     alert('Do your processing here'); 

     if (jQuery('#sf_next_button').length >0){ // <<<CHECK FOR NEXT BUTTON 

      alert('Do button processing here'); 
      jQuery('#sf_next_button').hide(); 

      alert (jQuery('input[type="button"][value="NEXT"]').attr("onclick")); 
      jQuery('input[type="button"] [value="NEXT"]').css("width","500px !important"); 

     } 
     } 

    }); 

}); 

Он запускает код и отображает предупреждения, но не применять какие-либо из действий, как hide() или CSS.

Любая помощь будет действительно оценили Спасибо

Rich

Answer 1

JQuery имеет метод click() связывать событие щелчка; в обработчике вы можете return false отменить действие по умолчанию. Код:

jQuery(function() { 
    if (jQuery('p#aaa').length >0){ 
     jQuery('#sf_next_button').click(function() { 
       // do your processing here 
       jQuery('input[type="button"] [value="NEXT"]').css("width","500px !important"); 
       return false; // so the default click action won't happen; 
     }); 
    } 
});