Javascript 在刷新页面之前不会运行

Question

我的代码只是获取 trello board 名称，将其放入大括号中，然后在单击“添加卡片”时将其插入文本区域。但是，除非我刷新页面，否则它不会将板名称插入文本区域。

这是我的代码:

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

您应该绑定(bind)到主体而不是元素，以防它不存在

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