Cannot bind delegate onClick event on .use-ajax elements
Thanks to Clive, I've found one way to make it work : wrap the code into a drupal behavior.

It look like this : 

(function($) {
  Drupal.behaviors.refresh_views = {
    attach: function () {

        var view_identifier = '#view_id'; 

        //attach the on click handler to all links of class 'use-ajax'
        $('a.use-ajax').on('click',function(){
            $(view_identifier).trigger('RefreshView');
        });
    }   
  };
})(jQuery);


I'm attaching an handler with my first version of the onclick function : 

$('a.use-ajax').on('click',function(){
    foo();
});


So without the delegate part (does not work when an element is created after the script execution). In my case, I'm reloading the view with an ajax request. And in drupal 7, each time a request finishes the ajax behavior is called again. So the code is executed and it bind the on click event into the new elements. 

I'm leaving a little warning here : 
This script is executed on every ajax request (if you open a modal popup in the ajax way, it will add an event into the click handler). So it might bind a lot of time the same event ! So don't forget to control the amount of events that your are adding to the same handler.