Блог

Извините за запутанный заголовок.

Итак, у меня есть javascript с эффектом пульсации, который работает. У меня есть кнопка формы, но если форма не заполнена, эффект пульсации не сработает. Но как только он будет заполнен, он будет.

Как я могу изменить этот код, чтобы, даже если форма не заполнена, я мог нажать кнопку, чтобы увидеть эффект пульсации.

 (function($) {
  $(".ripple-effect").click(function(e) {
    var rippler = $(this);

    // create .ink element if it doesn't exist
    if (rippler.find(".ink").length == 0) {
      rippler.append("<span class='ink'></span>");
    }

    var ink = rippler.find(".ink");

    // prevent quick double clicks
    ink.removeClass("animate");

    // set .ink diametr
    if (!ink.height() amp;amp; !ink.width()) {
      var d = Math.max(rippler.outerWidth(), rippler.outerHeight());
      ink.css({
        height: d,
        width: d
      });
    }

    // get click coordinates
    var x = e.pageX - rippler.offset().left - ink.width() / 2;
    var y = e.pageY - rippler.offset().top - ink.height() / 2;

    // set .ink position and add class .animate
    ink.css({
      top: y   'px',
      left: x   'px'
    }).addClass("animate");
  })
})(jQuery);
 

эффект пульсации работает с отключенными кнопками и кнопками, которые никуда не идут, но, похоже, он не работает только тогда, когда форма запущена, а обязательные поля еще не заполнены.