Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的代码可以在JSFIDLE中使用,但不能在我的站点上使用_Javascript_Jquery_Css_Html - Fatal编程技术网

Javascript 我的代码可以在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); }); 如

我想在每次点击post按钮时创建一个新按钮,每个新按钮都应该有自己的计数器。这在JSFIDLE中有效,但在我使用它时不起作用

$(函数(){
$('.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