js字符串拼接html和拼接方法多個參數問題

拼接列表 2層循環 這裏用es6 模板字符串

多個參數時，方法名不要加引號

		function(res){
			hideLoader();
			console.log(res)
			data=res.details;
			html+=`<div class="folding"><div data-role="main" class="ui-content" id="Content">`
			data.forEach(function(val){
				var Detail = eval(val.categoryDetail)
				console.log(Detail)
				html+=`<div data-role="collapsible" data-inset="false" data-iconpos="right" class="coll"><h4>${"${val.categorykey}"}(${"${val.categoryNum}"})</h4>`
					Detail.forEach(function(item){
						html+=`                                       
						<div class="coll_content" onclick=gongganDetails_fn("${'${item.baseid}'}","${'${item.baseschema}'}","${'${item.taskId}'}","${'${item.baseid}'}");>
						<h4>${"${item.worksheettitle}"}</h4>
						<p>工單狀態:${"${item.basestatus}"}</p>
						<p>建單人:${"${item.assign}"}</p>
						<p>時間:${"${item.createTime}"}</p>
						<p>流水號:${"${item.basesn}"}</p>
        				</div>`
					})
				html+=`</div>`;
			});
			html+=`</div></div>`;
	 		$('#main').append(html).trigger('create');//jm1.4之後棄用

  <!-- 引入 jQuery 庫 -->
  <script src="./js/jquery-1.8.3.min.js"></script>
  <!-- 引入 jQuery Mobile 庫 -->
  <script src="./js/jquery.mobile-1.3.2.min.js"></script>