事件委託+元素重複出現閃動

動態渲染元素沒法直接寫點擊事件時用事件委託的方式：

1，獲取元素
2，監聽元素事件
3，事件發生要執行的語句

代碼：

html:

<div style="" id="hovertext">

</div>

js：
$('頁面上存在的元素#hovertext').on('事件方法好比click，blur等',"動態元素的class.datalist",function (e) {//事件委託 
給元素添加動態樣式：1.固定定位fixed，動態改變原有的位置2.絕對定位的話就是相對目標元素自身給top,left2個不重複
var m_clientX = $(this).offset().top; 獲取自身的位置
   $('#hovertext').css('top',m_clientX-30)
假設要取$('.datalist')裏的id：
    var obj=$(this);
   console.log(obj.data('id'));

})
例子：
function add(){
var rowanswerlists="";
for(var i = 0; i <data.length; i++) {
rowanswerlists+="<p data-id='data[i].id' class="datalist"></p>";
}
$("頁面上的要插入信息的上一級元素#hovertext").append(rowanswerlists);
}