如何不刪除空格后的單詞？

Question

在單擊按鈕時在模態上顯示變量時，我遇到了一些問題。 var name = details[i].name它給出了確切的完整值，但是當我在模態上顯示此數據時，它只顯示第一個單詞。 第一個單詞或空格之后的單詞全部自動刪除。 我的代碼有什么問題？

if (details[i].taskmaster_id && details[i].events.length) {
    var name = details[i].name
    var status = details[i].status
    console.log('status', status)
    console.log(name) //displays full word here 

    messageCleaner.innerHTML = '<button class="btn btn-msg-cleaner btn-sm" id="msg" data-name=' + name + ' data-status=' + status + '>Message to Cleaner</button>';
    //appending Message to Cleaner button
    headerContentJustify.appendChild(messageCleaner);
}

$(document).on('click', '#msg', function (e) {
    const {
        name,
        status
    } = e.target.dataset;
    $("#sendmessagetocleaner").modal('show')
    $('#sendmessagetocleaner').on('shown.bs.modal', function (e) {
        console.log(name) // displays only first word here
        //if the word is john doe I only john here
        $("#cleaner_name").val(name)
        $("#sub").val(`${name}`)
    })

});

Answer 1

您缺少雙引號：

messageCleaner.innerHTML='<button class="btn btn-msg-cleaner btn-sm" id="msg" 
data-name="'+name+'" data-status="'+status+"
'>Message to Cleaner
</button>';

沒有它，屬性的值不會被分組，但它只是空格之前的第一個單詞。 第二個詞本身就是另一個屬性。