Question

I have this function:

$(function ($) {
...
});

var getNotifyBar = $(".NotifyBar");
function showNotify(text) {
    getNotifyBar.hide().find(".text").html(text).end().slideDown();
}

And when I use function showNotify(text) nothing happens. But when I put it in the JavaScript console (of the browser) it works.

Answer 1

More than likely this is running before all the elements with class NotifyBar are rendered

var getNotifyBar = $(".NotifyBar");

Which means that it is empty when you try to use it later. you should do this instead:

var getNotifyBar;
$(function ($) {
 getNotifyBar = $(".NotifyBar");
});

Now it should be properly loaded. Next, you need to remember that getNotifyBar is a reference to a jQuery object already loaded from a selector. As such, you do not need to wrap it in $(). You should make this change:

function showNotify(text) {
 getNotifyBar.hide().find(".text").html(text).end().slideDown();
}