JavaScript的。在ajax完成功能之后,'a'不再可点击了,为什么?

时间:2012-05-28 09:43:14

标签: javascript html ajax

我又有一个小问题。 我正在使用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()函数必须是可调用的并且能够设置背景图像再次回到初始状态。

请帮忙!

非常感谢..

1 个答案:

答案 0 :(得分:1)

如何使用Jquery来定位您的类名?

function ajaxdelete(){

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