刷新页面后Javascript才会运行

Question

My code just grabs trello board name, put it into curly brackets, and insert it into text area when clicking "add a card". However, it doesn't insert the board name into text area unless I refresh the page.

Here's my code:

$(document).ready(function() {

    $('.js-open-card-composer').click(function() {
        setTimeout(addTitle, 100);
    });


});


function addTitle() {
        var boardName;
        boardName = document.title.replace(' | Trello', '');
        $('.list-card-composer-textarea').each(function() {
            $(this).val('{' + boardName + '}');
        });
}

I've already tried $(window).load.

Thanks in advance

Answer 1

You should bind to the body not to the element incase it doesnt exist

$('body').on('click', '.js-open-card-composer',function() {
   //probably don't need the timeout anymore 
   setTimeout(addTitle, 100);
});