AJS, jQuery and $

code-in August 29, 2017

I have a code snippet like this

$(document).ready(function() {

$('.hideMessage').on('click', function () {
$('.message').hide();
});

$('.message').on('hide', function() {
alert("hided");
});

(function ($) {

var el = $.fn['hide'];
$.fn['hide'] = function () {
this.trigger('hide');
return el.apply(this, arguments);
};

})(jQuery);
});

When i run this code on a simple html page; if hide event of '.message' element called, page show an alert message contains 'hided'. But it doesnt work on velocity template. 'hide' event doesnt be called.


Template renderer doesnt include '$' chars.

1 answer

1 vote
brbojorque
Community Leader
Community Leader
Community Leaders are connectors, ambassadors, and mentors. On the online community, they serve as thought leaders, product experts, and moderators.
December 19, 2019

You'd have to change the $ with AJS.$().

All the javascript libraries are packages under AJS, AFAIK.

Suggest an answer

Log in or Sign up to answer