Javascript 更改类时更改href函数jquery

我有一个href链接，可以连接或断开用户连接。
当用户连接时，链接必须在单击时断开，另一方面，如果用户尚未连接，则必须连接用户。
我一切顺利，但当我断开一个用户的连接时，我无法连接他，直到我刷新页面。 我有以下javascript代码：

$(document).ready(function() {
    $('a.disconect').click(function(e) {
        e.preventDefault();
        $(this).css('background', 'url(images/connect.png) no-repeat');
        $(this).removeClass('disconect');
        $(this).addClass('connect');
        //: url(images/rep_usr.png) no-repeat;
        var parent = $(this).parent().parent();
        $.ajax({
            type: 'get'
            , url: 'Save.php?id=enable'
            , data: 'username=' + $(this).attr('id').replace('record-', '')
            , beforeSend: function(data) {
                //alert(data);
            }
            , success: function(data) {
                //alert(data);
            }
        });
    });
});   


$(document).ready(function() {
    $('a.connect').click(function(e) {
        e.preventDefault();

        $(this).css('background', 'url(images/disconnect.png) no-repeat');
        $(this).removeClass('connect');
        $(this).addClass('disconect');
        //: url(images/rep_usr.png) no-repeat;
        var parent = $(this).parent().parent();
        $.ajax({
            type: 'get'
            , url: 'Save.php?id=disable'
            , data: 'username=' + $(this).attr('id').replace('record-', '')
            , beforeSend: function(data) { //alert(data);
                //alert(data);
            }
            , success: function(data) {
                //alert(data);
            }
        });
    });
});

---

我想在每次单击时调用另一个函数

您正在尝试动态更改该类，而该类不会映射到在这些类上触发的事件。首先，你应该使用

$(document).on('click', 'a.disconect', function(){

而不是

$('a.disconect').click(function(e) {

因为这将动态地将事件映射到添加到DOM中的任何新类

---

但更好的解决方案是创建两个按钮和.hide（）或.show（），无论哪一个是您想要激活的。这样你就不必进行不必要的类和背景图像的添加和删除。

你好，如果我清楚地理解了你的问题，那么你可以使用

hasClass（）

函数查找当前类，然后更改我在下面添加了类似的代码，希望你能从中找到一些有用的东西

$（“a”）。单击（函数（）{
if（$（this.hasClass（“当前”）| |$（this.hasClass（“断开”））
{
$（此）.removeClass（“当前”）；
$（此）.removeClass（“断开”）；
$（此）.addClass（“连接”）；
$（此）.text（“您已连接”）
}
其他的
{
$（此）.removeClass（“当前”）；
$（此）.removeClass（“连接”）；
$（此）.addClass（“断开”）；
$（此）.text（“您已断开连接”）
}
});
.connect
{
字体大小：150%；
颜色：绿色；
}
.断开{
字体大小：150%；
颜色：红色；
}


为什么不能在DOM中同时显示/隐藏这两个链接取决于类感谢您的帮助，但我希望使用相同的链接来连接和断开用户链接，而不是2个链接