Javascript 我的代码可以在JSFIDLE中使用,但不能在我的站点上使用
我想在每次点击post按钮时创建一个新按钮,每个新按钮都应该有自己的计数器。这在JSFIDLE中有效,但在我使用它时不起作用Javascript 我的代码可以在JSFIDLE中使用,但不能在我的站点上使用,javascript,jquery,css,html,Javascript,Jquery,Css,Html,我想在每次点击post按钮时创建一个新按钮,每个新按钮都应该有自己的计数器。这在JSFIDLE中有效,但在我使用它时不起作用 $(函数(){ $('.input_按钮')。在('单击',函数()上){ text=$('.input_text').val(); var btn=$(“”); 文本(“喜欢!”); $(“正文”)。附加(btn); btn.在(“”)之后 var=0; 点击(函数(){ 点击++; $(this.next(“.clicks”).html(clicks); }); 如
$(函数(){
$('.input_按钮')。在('单击',函数()上){
text=$('.input_text').val();
var btn=$(“”);
文本(“喜欢!”);
$(“正文”)。附加(btn);
btn.在(“”)之后
var=0;
点击(函数(){
点击++;
$(this.next(“.clicks”).html(clicks);
});
如果(文本!=未定义){
post='+'+'jaleelg:'+text+
“单击:0”+”
“+Date()+”+”;
new_post=$('.post_feed')。append($(post))
new_post=$('.post_feed')。append($(btn))
}
});
});代码>
我的帖子
邮递
您必须对此进行更改:
btn.click(function() {
clicks++;
$(this).next(".clicks").html(clicks);
});
像这样:
btn.click(function() {
$('.clicks').html(function(i, val) { return val*1+1 });
});
您必须在以下方面进行更改:
btn.click(function() {
clicks++;
$(this).next(".clicks").html(clicks);
});
像这样:
btn.click(function() {
$('.clicks').html(function(i, val) { return val*1+1 });
});
这支笔的作用是:
$(函数(){
$(“body”)。在(“click”、“.like”上,函数(e){
clicks=$(e.target.parentElement).find(#clicks”).text()/1+1;
$(e.target.parentElement).find(#clicks”).text(clicks);
});
$('.input_按钮')。在('单击',函数()上){
text=$('.input_text').val();
职位=“”+
'' +
“jaleelg:”+text+
“单击:0”+
“
”+Date()+“
”+
“就像!”+
'';
new_post=$('.post_feed')。追加($(post));
});
});
这支笔的工作原理是:
$(函数(){
$(“body”)。在(“click”、“.like”上,函数(e){
clicks=$(e.target.parentElement).find(#clicks”).text()/1+1;
$(e.target.parentElement).find(#clicks”).text(clicks);
});
$('.input_按钮')。在('单击',函数()上){
text=$('.input_text').val();
职位=“”+
'' +
“jaleelg:”+text+
“单击:0”+
“
”+Date()+“
”+
“就像!”+
'';
new_post=$('.post_feed')。追加($(post));
});
});
在引用jQuery相关脚本内容之前,是否先引用jQuery?可以。检查浏览器控制台是否存在有意义的错误<代码>这在JSFIDLE中有效,但在我使用它时不起作用
-调试101-开发人员工具中有什么console@MichaelCoker我点击了你的链接,但我看到了相同的结果。每个like按钮都应该有自己的计数器,但它保持不变0@RionWilliams是的,我试过移动它,没有区别。你是在jQuery相关脚本内容之前引用jQuery的吗?很好。检查浏览器控制台是否存在有意义的错误<代码>这在JSFIDLE中有效,但在我使用它时不起作用-调试101-开发人员工具中有什么console@MichaelCoker我点击了你的链接,但我看到了相同的结果。每个like按钮都应该有自己的计数器,但它保持不变0@RionWilliams是的,我试着移动它,没有区别。$(“body”)。在(“action”,“selector”,function(){})上代码>用于在创建事件之前将事件添加到元素中。。。当按下“like”按钮时,事件被附加到父对象(body)上,我得到他的父对象,然后更新父对象内部的“clicks”clicks/1+1
只是用整数代替字符串:P$(“body”)。on(“action”,“selector”,function(){})代码>用于在创建事件之前将事件添加到元素中。。。一旦按下“like”按钮,事件将附加到父级(主体),我将获得其父级,然后更新父级内部的“clicks”clicks/1+1
只是使用整数而不是字符串:P