JavaScript.在 AJAX 完成函数后,“A”不再可点击,为什么

javascript. after ajax complete function, the 'a' is not clickable anymore, why?

本文关键字:不再 为什么 AJAX 函数 JavaScript      更新时间:2023-09-26

我又有一个小问题。我正在使用 Ajax 并且工作正常。但是在 Ajax 完成他的工作之后,我想改变元素属性,如 backgroundImage。它也工作正常。但是更改后的元素现在不再可单击第二次。有人可以帮我吗..这是我的代码:

function ajaxdelete(){
        $.ajax({
            url: "/ajaxdelete/",
        }).complete(function(){
            kids = document.getElementById('table1').getElementsByTagName('td');
            for (var i=0; i < kids.length; i++) {
              kids[i].style.backgroundImage = "none";
            };

        });

    }

我的 html 是这样的:

<td style="background-image: url("../static/images/ok.png");"><a onclick="postajax1()"><input type="hidden" name="arg1" value="10"/><input type="hidden" name="arg2" value="3"/>0,24*</a></td>

所以在 AJAX 调用之后,背景必须再次干净,并且 'a' 标签也必须再次可点击第二次......换句话说,postajax1() 函数必须是可调用的,并且能够将背景图像再次设置回初始状态。

请帮忙!

非常感谢..

使用 Jquery 来定位你的类名怎么样?

function ajaxdelete(){

    $.ajax({
        url: "/ajaxdelete/",
    }).complete(function(){
        kids = $('#table1 td.className');
        kids.css('background-image','none');
    });
}