Question

我根据搜索结果构建动态HTML 我有一个onclick函数，需要接受一个变量id作为参数，但它抛出一个错误。它将论证视为文本因此抛出未捕获的ReferenceError：1未定义。

$.each(Rdata, function(i, post) {

var Name= truncate(post.Name);
var Surname =truncate(post.Surname);        
var DepSubTown =truncate(post.DepSubTown);
var DestSubTown =truncate(post.DestSubTown);  

  content += '<div class="row white-text">'+
  '<div class="col s12"> <div class="card-panel teal">'+
  '<div class="chip col s7"> <img src="pix/pp.jpg" alt="Contact Person">'+     Name +' '+ Surname+'</div>'+
   ' <div class="col s5"><div class="chip" style"float:right;">R50</div>        </div>'+
 '<div class="row white-text">'+
 '<div class="col s12">'+
 '<div class="col s5"><p><b>'+DepSubTown+'</b></p> </div>'+ 
 '<div class="col s1"><i class="material-icons"> - </i> </div>'+
 '<div class="col s5"><p><b>'+DestSubTown+'</b></p> </div>'+
 '</div>'+
 '<div class="col s12">'+
  '<div class="col s6">'+
  '<button class="waves-effect waves-light btn"

问题在这里

 onclick="testy('+post.Id+');return false;" id="viewdetails">Test</button>'+
  '</div> </div></div></div></div>';     

});

$(content).appendTo("#Searchlist");

}

Answer 1

我找到了答案我需要做的就是在onclick函数上添加转义字符

 '<button class="waves-effect waves-light btn"      onclick="testy(\''+Name+'\');return false;" id="viewdetails">Test</button>'+

动态html onclick参数被视为文本抛出错误

1 个答案: