更改类时更改href函数jquery

时间:2017-09-21 14:21:11

标签: javascript jquery html

我有一个连接或断开用户的href链接 当用户连接时,链接必须在单击时断开连接,另一方面,如果用户尚未连接,则必须连接用户。
一切都很好,但当我断开用户连接时,我无法连接他,直到我刷新页面。 我有这个javascript代码:

RowMapper

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

2 个答案:

答案 0 :(得分:1)

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

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

而不是

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

因为这会将事件动态映射到添加到DOM的任何新类。 https://learn.jquery.com/events/event-delegation/

但更好的解决方案是创建两个按钮和.hide()或.show(),无论您想要哪个按钮都是活动的。然后,您不必经历不必要的类和背景图像的添加和删除。

答案 1 :(得分:0)

您好如果我清楚地理解您的问题,那么您可以使用$("#forma").on("submit", function(e) { var invalidForm = false; if ($("#ime_prezime").length) { if ($("#ime_prezime").val() === "") { invalidForm = true; $("#ime_prezime").attr("placeholder", "Morate uneti ime i prezime!"); $("#ime_prezime").css("border", "1px solid red"); } } // similar checking for other fields if (invalidForm) { e.preventDefault(); } // else it will submit naturally }); 函数找到当前的类然后更改我在下面添加了类似的代码,希望您能通过它找到有用的东西



hasClass()

$("a").click(function(){
    if($(this).hasClass("current")||$(this).hasClass("disconnect") )
    {
      $(this).removeClass("current");
      $(this).removeClass("disconnect");
       $(this).addClass("connect");
       $(this).text("You are Connected")
    }
    
    
    else
    {
       $(this).removeClass("current");
       $(this).removeClass("connect");
       $(this).addClass("disconnect");
       $(this).text("You are dis Connected")
    }

 
});

.connect

{
  
   font-size: 150%;
    color: green;
}


.disconnect{
  
   font-size: 150%;
    color: red;
}