ajax动态生成一个div,在div里有一个详细点击事件,为何每次一加载的时候就默认执行,点击的时候就没反应

ajax动态生成一个div,在div里有一个详细点击事件,为什么每次一加载的时候就默认执行,点击的时候就没反应
ajax动态生成一个div,在div里有一个详细点击事件,为什么每次一加载的时候就默认执行,点击的时候就没反应 ,不想让它默认执行,而是点击的时候才有反应

$.ajax({ 
  type: "POST", 
  //cache: false, 
  url: '../url.jsp', 
  success: function (data) { 
    var data = eval('('+data+')'); 
    var vl = data.rows.length; 
    var val = ''; 
    var j = 0; 
    for(var i = 0; i < vl; i++){ 
        val += "<div style='height:10px;'>" + data.rows[i].title + "</div>"; 
        val += "<div style='border-bottom:1px dashed #000; height:20px; text-indent:2em;word-wrap:break-word;'><table><tr><td>" + temp + "...</td><td style='font-size:4px;'><a href='"+lookDailyReminder()+";'>详细</a></td></tr></table></div>"; 
        j++; 
    } 
    if(j != 0){ 
$.messager.show({ 
title:'提醒信息', 
   msg:val, 
   timeout:'10000', 
   width:500, 
   height:200, 
   style:{ 
   right:'', 
top:document.body.scrollTop+document.documentElement.scrollTop, 
bottom:'' 
    } 
}); 


    }); 

------解决方案--------------------
<a href=\"#\" onclick=\"lookDailyReminder(); return false;\">详细</a>
这样试试
------解决方案--------------------
for(var i = 0; i < vl; i++){ 
        val += "<div style='height:10px;'>" + data.rows[i].title + "</div>"; 
        val += "<div style='border-bottom:1px dashed #000; height:20px; text-indent:2em;word-wrap:break-word;'><table><tr><td>" + temp + "...</td><td style='font-size:4px;'><a href='#' onclick='lookDailyReminder()'>详细</a></td></tr></table></div>"; 
        j++; 
    }