jQuery動態創建元素 onclick傳遞字符串參數

Question

我正在動態創建HTML，但出現語法錯誤。 如果我將href="javascript:startChat(' + user_id + ','video')"更改為href="javascript:startChat(' + user_id + ','"video"')"不是我說“視頻”沒有定義的'。

html +='<li><a href="javascript:startChat('+user_id+','video')"><i class="uk-icon-video-camera uk-icon-large"></i></a></li>';

function startChat(user_id, type){
    console.log(type);
}

Answer 1

從問題突出顯示的語法中可以看出，您沒有正確地轉義字符串中的引號。 嘗試這個：

html += '<li><a href="javascript:startChat(' + user_id + ', \'video\')"><i class="uk-icon-video-camera uk-icon-large"></i></a></li>';

function startChat(user_id, type){
    console.log(type);
}

還要注意，使用委托事件處理程序來實現此目的，而不是過時的內聯事件屬性，將是更好的做法。 嘗試這個：

html += '<li><a href="#" data-userid="' + user_id + '"><i class="uk-icon-video-camera uk-icon-large"></i></a></li>';

$('ul').on('click', 'li', function(e) {
    startChat($(this).data('userid'), 'video');
});