Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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
如何更改“的颜色”;“喜欢按钮”;对于使用JQuery/AJAX的模板中的单个帖子?_Jquery_Django_Ajax_Django Templates_Django Views - Fatal编程技术网

如何更改“的颜色”;“喜欢按钮”;对于使用JQuery/AJAX的模板中的单个帖子?

如何更改“的颜色”;“喜欢按钮”;对于使用JQuery/AJAX的模板中的单个帖子?,jquery,django,ajax,django-templates,django-views,Jquery,Django,Ajax,Django Templates,Django Views,我是Django/stackoverflow的新手,从这里和谷歌学到了很多东西 我想创建一个like按钮,它可以更改颜色并通过POST提交表单,而无需刷新/重新加载模板/页面。如果我问的问题不恰当,请原谅,我花了一段时间才尽量用最恰当的措辞回答这个问题 我正在看JQuery/AJAX示例,它们提供了类似的答案,但都由一个模板(blog.html)中的单个对象组成。因为我有来自多个用户的多篇文章(对象),所以当应用AJAX调用并使用id=“like btn”时,只有第一个对象按钮会改变颜色 因此我

我是Django/stackoverflow的新手,从这里和谷歌学到了很多东西

我想创建一个like按钮,它可以更改颜色并通过POST提交表单,而无需刷新/重新加载模板/页面。如果我问的问题不恰当,请原谅,我花了一段时间才尽量用最恰当的措辞回答这个问题

我正在看JQuery/AJAX示例,它们提供了类似的答案,但都由一个模板(blog.html)中的单个对象组成。因为我有来自多个用户的多篇文章(对象),所以当应用AJAX调用并使用id=“like btn”时,只有第一个对象按钮会改变颜色

因此我找到了一个答案,在这里,我没有使用id=“like btn”;它只更新第一个对象按钮,使用class=“like btn”更新所有帖子(对象)。所以现在当点击“likebtn”时,来自所有帖子的所有“likebtn”都会改变,因为它们是一个类

现在我只能在更新第一个Post按钮(id=“like btn”)或更新所有Post按钮(class=“like btn”)之间徘徊

关于如何只更新点击的“喜欢btn”有什么想法吗

''template blog.html''
\{%csrf_令牌%}
复选框
$(文档).ready(函数(){
$(“.like btn”)。单击(函数(){
$(“.like btn”).css(“颜色”、“红色”);
$(“.like btn”).css(“背景色”、“透明”);
});
});

您需要显示模板的其余部分。如何有多个按钮?您可以使用
$(this)
更改单击项目的颜色。类似于
$(this.css(“颜色”、“红色”)@Daniel Roseman我很想展示整个模板,但它很复杂,需要我也发布视图。我在一个用户帖子中有两个表单;一个是评论,一个是喜欢。它们共享相同的表格,但是单独提交的。@Nalin Dobhal成功了!天哪,莫利,我觉得自己很笨。非常感谢。您需要显示模板的其余部分。如何有多个按钮?您可以使用
$(this)
更改单击项目的颜色。类似于
$(this.css(“颜色”、“红色”)@Daniel Roseman我很想展示整个模板,但它很复杂,需要我也发布视图。我在一个用户帖子中有两个表单;一个是评论,一个是喜欢。它们共享相同的表格,但是单独提交的。@Nalin Dobhal成功了!天哪,莫利,我觉得自己很笨。非常感谢。