刷新页面之前不运行Javascript

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

这是我的密码：

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

---

你能以片段或小提琴的形式给出一个问题的最小示例吗？你能在ready函数中使用console.log

$（'.js open card composer'）

，在addTitle函数中使用console.log

$（'.list card composer textare'）

，并确保它们都找到了什么。在我刷新页面之前，

$（“.js open card composer”）

的长度为0和

$（“.list card composer textarea”）

未显示。刷新后，js open card composer的长度变为大于0，然后显示。list card composer textarea。我在超时和未超时的情况下进行了尝试，这一次它们甚至都没有显示板名。你的html中有body标记吗？