使类在由 jquery 更新后与 jquery 一起使用
Make classes work with jquery after updated by jquery
我目前正在做一个项目,我想点击一个对象改变一个类,然后让下一次点击依赖于同一个jquery。
我只能在第一次让它工作 - 之后它不会工作。我的来源如下:
$(document).ready(function(){
$("a.activate").click(function(){
var elmid = $(this).attr('id');
$.ajax({
type: "POST",
dataType: "json",
url: "/advertisement/activate", // URL of the Perl script
data: {adID: $(this).prev("input.ad_ID").val()},
success: function(data){
if (data.error) {
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("text-danger");
$("form#createForm input#createForm_submit").removeAttr('disabled');
}
else
{
var src = $("a#" + elmid + " img").attr("src").replace("activate-16x16.png", "deactivate-16x16.png");
$("a#" + elmid + " img").attr("src", src);
$("a#" + elmid).removeClass('activate').addClass('deactivate');
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("success");
}
}
});
});
$("a.deactivate").click(function(){
var elmid = $(this).attr('id');
$.ajax({
type: "POST",
dataType: "json",
url: "/advertisement/deactivate", // URL of the Perl script
data: {adID: $(this).prev("input.ad_ID").val()},
success: function(data){
if (data.error) {
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("text-danger");
$("form#createForm input#createForm_submit").removeAttr('disabled');
}
else
{
var src = $("a#" + elmid + " img").attr("src").replace("deactivate-16x16.png", "activate-16x16.png");
$("a#" + elmid + " img").attr("src", src);
$("a#" + elmid).removeClass('deactivate').addClass('activate');
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("success");
}
}
});
});
});
我的新消息来源(截至芭芭拉的评论)是:
$(document).ready(function(){
$("a.activate").on( 'click', function(){
var elmid = $(this).attr('id');
$.ajax({
type: "POST",
dataType: "json",
url: "/advertisement/activate", // URL of the Perl script
data: {adID: $(this).prev("input.ad_ID").val()},
success: function(data){
if (data.error) { // script returned error
alert("fejl");
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("text-danger");
$("form#createForm input#createForm_submit").removeAttr('disabled');
}
else
{
var src = $("a#" + elmid + " img").attr("src").replace("activate-16x16.png", "deactivate-16x16.png");
$("a#" + elmid + " img").attr("src", src);
$("a#" + elmid).addClass('deactivate').removeClass('activate');
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("success");
}
}
});
});
$("a.deactivate").on ( 'click', function(){
var elmid = $(this).attr('id');
$.ajax({
type: "POST",
dataType: "json",
url: "/advertisement/deactivate", // URL of the Perl script
data: {adID: $(this).prev("input.ad_ID").val()},
success: function(data){
if (data.error) {
alert("fejl");
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("text-danger");
$("form#createForm input#createForm_submit").removeAttr('disabled');
}
else
{
var src = $("a#" + elmid + " img").attr("src").replace("deactivate-16x16.png", "activate-16x16.png");
$("a#" + elmid + " img").attr("src", src);
$("a#" + elmid).addClass('activate').removeClass('deactivate');
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("success");
}
}
});
});
});
感谢杰森、芭芭拉和 j08691,我想出了这个解决方案,如果你遇到同样的麻烦,它应该适合。
请注意,$(document).ready() 部分已被删除!
我的问题的答案:
$(document).on( 'click', "a.activate", function(){
var elmid = $(this).attr('id');
$.ajax({
type: "POST",
dataType: "json",
url: "/advertisement/activate", // URL of the Perl script
data: {adID: $(this).prev("input.ad_ID").val()},
success: function(data){
if (data.error) { // script returned error
alert("fejl");
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("text-danger");
$("form#createForm input#createForm_submit").removeAttr('disabled');
}
else
{
var src = $("a#" + elmid + " img").attr("src").replace("activate-16x16.png", "deactivate-16x16.png");
$("a#" + elmid + " img").attr("src", src);
$("a#" + elmid).addClass('deactivate').removeClass('activate');
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("success");
}
}
});
});
$(document).on ( 'click', "a.deactivate", function(){
var elmid = $(this).attr('id');
$.ajax({
type: "POST",
dataType: "json",
url: "/advertisement/deactivate", // URL of the Perl script
data: {adID: $(this).prev("input.ad_ID").val()},
success: function(data){
if (data.error) {
alert("fejl");
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("text-danger");
$("form#createForm input#createForm_submit").removeAttr('disabled');
}
else
{
var src = $("a#" + elmid + " img").attr("src").replace("deactivate-16x16.png", "activate-16x16.png");
$("a#" + elmid + " img").attr("src", src);
$("a#" + elmid).addClass('activate').removeClass('deactivate');
$('div#create_createresult').text(data.msg);
$('div#create_createresult').addClass("success");
}
}
});
});
相关文章:
- 将FormParams与Jersey和jQuery一起使用
- 存储数据的最佳方式是什么,以便与jquery一起使用
- 在使用 Django 静态文件时动态设置映像时,只有绝对路径才能与 jquery 一起使用
- 使一组对象与 jQuery 一起拖动
- 将(this)与动态内容jQuery一起使用
- 将页面Url与jQuery一起使用
- 如何找到元素'的onClick处理程序实际上是与jQuery一起添加的
- 400错误请求仅使用AngularJs,与jQuery一起使用
- 引导设置单选按钮与 jquery 一起检查
- 将 ajax 与 jQuery 一起使用 - URL 不被接受
- 如何将 fadeIn 与 css 属性更改 jquery 一起使用
- 我应该如何初始化这个变量以与jQuery一起使用
- 单击按钮更改按钮上的 ID 值,单击新 ID 更改回原始 ID 与 Jquery 一起使用
- 将其与伪选择器 jquery 一起使用
- 使类在由 jquery 更新后与 jquery 一起使用
- 如何引用要与 HTML 和 jQuery 一起使用的 XML 文件/数据
- 如何将foreach循环与JQuery一起使用
- 将 $_GET 与 Jquery 一起使用
- 如何将表与 jquery 一起使用
- 将.html与JQuery一起使用,不会将数组中的所有项发布到html