在刷新页面之前Javascript没有运行

Question

我的代码只是抓住trello板名，把它放在大括号中，然后在点击＆＃34时将其插入文本区域;添加一张卡片＆＃34;。但是，除非我刷新页面，否则它不会将电路板名称插入文本区域。

这是我的代码：

$(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。

提前致谢

Answer 1

你应该绑定到身体而不是绑定它不存在的元素

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