Triggering a jQuery function when the page loads and when a link is clicked?

I'm using this function:

$(document).ready(function() {

$('.gdthumbtext')
.contents()
.filter( function(){
    return this.nodeType == 3;
}).each(function(){
    this.nodeValue= this.nodeValue.replace(/\+/g,'');
});

});

To remove plus signs before numbers inside the .gdthumbtext div. Now the problem is that the number will change with ajax each time you click a link with the class .gdt-starrating.

I guess I have to ca开发者_如何学Cll (or recall) that function again when the link is clicked.

Maybe I need something like this: call the function when page loads or when the link with class .gdt-starrating is clicked.

Any suggestions of how to do that?

---

You can move the code into it's own function, call that function onload then continue to call the function each time the link is clicked. Like this:

$(document).ready(function() {
    // Call cleanup onload
    stripPlusSigns();

    $('a.gdt-starrating').click(function() {
        // Do stuff here...
        // ...

        // Strip plus signs again
        stripPlusSigns();
    });
});

function stripPlusSigns()
{
    $('.gdthumbtext')
        .contents()
        .filter( function(){
             return this.nodeType == 3;
        }).each(function(){
             this.nodeValue= this.nodeValue.replace(/\+/g,'');
        });

    return true;
}

---

You have the right idea.

You should be running it on ajax Sucess after your ajax content is loaded. I've included both click and ajax.

$(document).ready(function() {

    // run on page load
    removeSigns();

    // you could run on ajax load
    $('.gdt-starrating').bind('click', function() {
        removeSigns();
    });

    // you should be running it on Ajax success callback
    $.ajax({ 
            // your normal ajax stuff...

        success : function() {
            removeSigns();
        } 
    });

});


function removeSigns() {
    $('.gdthumbtext')
    .contents()
    .filter( function(){
        return this.nodeType == 3;
    }).each(function(){
        this.nodeValue= this.nodeValue.replace(/\+/g,'');
    }

); }