Javascript like按钮不递增计数

Javascript like按钮不递增计数,javascript,html,ruby-on-rails,ajax,button,Javascript,Html,Ruby On Rails,Ajax,Button,我想做的是让'like'按钮增加dest对象的like_count参数。但是,对于我目前正在进行的ajax调用,like_count参数没有增加 这是我的javascript文件的一部分“ 仪表板=(函数(){ var跳闸id; //var apiUrl=https://planit-169.herokuapp.com'; var apiUrl=''; var跳闸id; var创建; var提交; /** *HTTP获取请求 *@param{string}url路径,例如“/api/smiles

我想做的是让'like'按钮增加dest对象的like_count参数。但是,对于我目前正在进行的ajax调用,like_count参数没有增加

这是我的javascript文件的一部分“

仪表板=(函数(){ var跳闸id; //var apiUrl=https://planit-169.herokuapp.com'; var apiUrl=''; var跳闸id; var创建; var提交; /** *HTTP获取请求 *@param{string}url路径,例如“/api/smiles” *@param{function}onSuccess回调方法在请求成功时执行(200状态) *@param{function}onFailure回调方法在请求失败时执行(非200状态) *@return{None} */ var makeGetRequest=函数(url、onSuccess、onFailure){ $.ajax({ 键入:“GET”, url:apiUrl+url, 数据类型:“json”, 成功:一旦成功, 错误:onFailure }); }; /** *HTTP POST请求 *@param{string}url路径,例如“/api/smiles” *@param{Object}data要在请求正文中发送的JSON数据 *@param{function}onSuccess回调方法在请求成功时执行(200状态) *@param{function}onFailure回调方法在请求失败时执行(非200状态) *@return{None} */ var makePostRequest=函数(url、数据、onSuccess、onFailure){ $.ajax({ 键入:“POST”, url:apiUrl+url, 数据:JSON.stringify(数据), contentType:“应用程序/json”, 数据类型:“json”, 成功:一旦成功, 错误:onFailure }); }; /** *HTTP删除请求 *@param{string}url路径,例如“/api/smiles” *@param{function}onSuccess回调方法在请求成功时执行(200状态) *@param{function}onFailure回调方法在请求失败时执行(非200状态) *@return{None} */ var makeDeleteRequest=函数(url、onSuccess、onFailure){ $.ajax({ 键入:“删除”, url:apiUrl+url, 数据类型:“json”, 成功:一旦成功, 错误:onFailure }); }; /**更新仪表板的一站式服务。这将请求 *TRIP对象,并在单击时将其传递给必要的调用。请放置任何 *需要在此处调用的函数。 */ var updateDash=函数(数据){ var url='/trips/'+trip_id; var onSuccess=函数(数据){ console.log(“成功更新dash”); updateHeader(data.trip); 可重置(); 初始化映射(); insertAllDest(data.trip); }; var onFailure=函数(){ log(“出了问题”); } //如果已经进行了ajax调用 如果(数据){ onSuccess(数据); }否则{ makeGetRequest(url、onSuccess、onFailure) } }; var updateHeader=函数(跳闸){ console.log(“更新”); //var跳闸=data.trip; var用户=trip.users; var user_count=Object.keys(users).length; 控制台日志(跳闸); $('h1[data header=“location”]”)html(trip.location); $('aside[data header=“invested dates””).html(“invested:“+user\u count+”dates:“+trip.start\u date+”-“+trip.end\u date”); $('a[data function=“invite friends”).removeClass('hidden'); $('a[data function=“form save”')。removeClass('hidden'); 菜单关闭(); } var toggleElement=函数($that,offset,toggle){ var height=$that.height()+偏移量; 如果(切换==“向下”){ $that.animate({“top”:'+='+height},'slow','swing'); $('.main content').css('opacity',.5); }否则{ $that.animate({“top”:'-='+height},'slow','swing'); $('.main content').css('opacity',1); } } /**=====================================目标处理程序+函数==========================*/ var attachSubmitDestHandler=函数(e){ submit.on('click','submit input',函数(e){ e、 防止违约(); var name=submit.find('.name input').val(); var address=submit.find('.address input').val(); var dest={}; dest.name=名称; dest.address=地址; 目的地跳闸id=1; dest.like_count=0; var onSuccess=函数(数据){ 如果(!data.errors){ 控制台日志(数据); insertDest(数据[“目的地]); submit.find('.name输入').val('') submit.find('.address input').val('') }否则{ 对于(数据中的i.errors){ console.log(data.errors[i]); } } }; var onFailure=函数(数据){ 控制台日志(“故障”); }; var=这个; url=“/api/destinations?trip_id=“+trip_id; console.log(url); makePostRequest(url、dest、onSuccess、onFailure); }); }; /** *将dest插入行程列表 *@param{Object}dest JSON *@return{None} */ var insertDest=函数(dest){ //查找id为=“myTable”的元素: var table=document.getElementById(“destTable”); //创建一个空元素并将其添加到表的第一个位置: var行=table.insertRow(1); //在“新”元素的第一和第二位置插入新单元格(元素): var name_cell=row.insertCell(0); var address_cell=row.insertCell(1); //var delete_cell=row.insertCell(2); var-like_cell=row.insertCell(2);
像_cell.innerHTML='您的代码未完成。我猜目标是由代码动态添加的。绑定click事件时,目标不存在

$(document).on('click','#target',function(){
     //TODO:
})

代码段似乎工作正常,单击后是否出现任何错误,jQuery是否可用?请尝试使用
$('#target')。在('click',function(){$('#output').html(function(i,val){return val*1+1});})
由于您动态创建元素,它可能不会绑定到click事件,on事件将侦听所有事件并在特定事件上触发。您可以发布routes和controller c吗
$(document).on('click','#target',function(){
     //TODO:
})