190310_[学習日記]_チャットスペース作成
作業時間:-
作業履歴:動的ビューの作成
動的リンクイベント後のアクション設定
修正PG:search.js
①追加されたオブジェクト(ボタン)など属性取得(attr)
数時間調査したが、attrメソッドで取得した値が変わらない。以下のとおり、各メソッドを
作成するも、consoleログでの出力は同じidばかり…引き続き対策を考える。
(1)search.jsの一部抜粋:インクリメンタルサーチで、html追加(非同期でリンクを生成する)
(このほか、動的ブロックの削除ロジックは省略)
function appendUser(user) {
var html = `
<div class="chat-group-user clearfix">
<p class="chat-group-user__name">${ user.name }</p>
<a class="user-search-add chat-group-user__btn chat-group-user__btn--add" data-user-id = "${user.id}" data-user-name="${user.name}" id= "direct_link_test" >追加</a>
</div>
`
search_list.append(html);
}
(2)search.jsの一部抜粋:動的リンクアクション用メソッド
(動的リンクがクリックされるとページ上に別リンクを生成する)
$(document).on("click", search_list, function () {
console.log($('a#direct_link_test').attr("data-user-id"))
console.log($('a#direct_link_test').attr("data-user-name"))
// var user_id = $(this).attr('action')
// var user_name = $(this).attr('action')
// appendMember(user_id,user_name);
});