Javascript 直到刷新页面才 运行

Javascript not running until refreshing the page

我的代码只是抓取 trello 面板名称,将其放入大括号中,然后在单击 "add a card" 时将其插入文本区域。但是,除非我刷新页面,否则它不会将版块名称插入文本区域。

这是我的代码:

$(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 + '}');
        });
}

我已经试过了 $(window).load.

提前致谢

你应该绑定到主体而不是元素,因为它不存在

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