Подождите, пока элемент изменится, а затем свяжите событие click

Question

Я пытаюсь определить, когда изменяется текст гиперссылки (на основе функции javascript у меня нет контроля над).

Когда текст изменяется на «Не похоже», я хочу прикрепить событие click. Для упрощения этого вопроса мне нужно только определить, когда текст был изменен на «В отличие от». Я пытаюсь следующий, но это срабатывает перед изменением текста:

$("a:contains('Like')").click(function(){LikeClick($(this))}); 

function LikeClick() { 

    $("#" + ths[0].id + ":contains('Unlike')").ready(function(){ 
     alert('the text has been changed') 
     //Attach click event to all like buttons 
    }); 
} 

Вот оригинальный элемент:

<a href="javascript:;" id="likesElement-1" class="ms-secondaryCommandLink">Like</a> 

Answer 1

Что-то вроде этого?

$('.like').on('click', function(){ 
    //whatever you want the code to do on a like. 
    //If it has a callback function wrap the code below in that. 
    this.removeClass('like'); 
    this.addClass('unlike'); 
    this.text("Unlike"); 
}); 

$('.unlike').on('click', function(){ 
    // unlike code goes here. Same as before with callback. 
    this.removeClass('unlike'); 
    this.addClass('like'); 
    this.text("Like"); 
}); 

Просто добавьте like класс на ваших, как ссылки/кнопки. Возможно, вам нужно будет добавить prevent default в начало этих функций.

Answer 2

Это кажется простым решением вашей проблемы:

$('.theButton').on('click',function(){ 

    //Toggle the 'like' class on each click, then look for the class 
    if($(this).hasClass('like')){ 
     $(this).removeClass('like').addClass('unlike'); 
     likeClick(); 
    } else { 
     $(this).removeClass('unlike').addClass('like'); 
     unlikeClick(); 
    } 
}