Jquery для каждого элемента в PHP

Я получил этот PHP кодJquery для каждого элемента в PHP

  $notification_list .= "<form id='Rejecat' onSubmit='return false;' > 
<input value='Reject' type='submit' id='Reject'> 
     </form> 
      <form onSubmit='return false;' id='Accepta'> 
    <input type='submit' id='Accept' value='Accept'></form></div>";

И этот Jquery код

$("#Reject").click(function(){ 
    $('#Reject').animate({"margin-left": "-320px"}, 500, function(){ 
    $('#Reject').css("visibility", "hidden");}); 
    $('#Accept').animate({"margin-left": "-320px"}, 500, function(){ 
    $('#Accept').css("visibility", "hidden");}); 
}); });

Когда у меня есть, например, 2 уведомления он работает только с первыми двумя inputs.How может я заставить его работать с ними обоими

источник

2015-12-09 Murad Murader

Вы можете оставить результирующий HTML сегмент от вашего PHP ? –

@devlincarnate слишком долго. Вы можете получить его из демонстрации –

Я попросил его, потому что я подозревал, что у вас не было уникальных идентификаторов, что вызовет проблемы, потому что это недопустимый html. –

первый: Идентификаторы должны быть уникальными

второй: вы можете использовать классы

в PHP

$notification_list .= "<form class='submitForm Rejecat' onSubmit='return false;' > 
<input value='Reject' type='submit' id='Reject'> 
     </form> 
      <form onSubmit='return false;' class='submitForm Accepta'> 
    <input type='submit' id='Accept' value='Accept'></form></div>";

и в JS

$('body').on('submit', '.submitForm' , function(e){ 
    e.preventDefault(); 
    var thisone = $(this); 
    var getanother = thisone.hasClass('Rejecat') ? thisone.next('form'): thisone.prev('form'); 

    thisone.animate({"margin-left": "-320px"}, 500, function(){ 
     $(this).css("visibility", "hidden"); 
    }); 
    getanother.animate({"margin-left": "-320px"}, 500, function(){ 
     $(this).css("visibility", "hidden"); 
    }); 
});

Working Demo

источник

2015-12-09 18:22:02

Я проверил ваш код, он не работает, он делает то же самое –

@MuradMurader вы попробовали рабочую демонстрацию в своем ответе ?? –

Да, я скопировал все в демо сейчас, он работает.Thx –

ответ

Смежные вопросы