проблема с диалоговым окном jquery

Question

В данный момент я использую следующий код, чтобы вызвать диалоговое окно для редактирования записей mysql, но моя проблема - кнопка im, использующая для вызова диалогового окна, проходя через цикл while, чтобы разрешить мне отредактируйте любую запись, но то, что происходит, - это то, что верхняя кнопка откроет диалоговое окно, но 2-го третьего и так далее. Я выяснил, почему это происходит, потому что у всех у них одинаковый идентификатор, но мой вопрос в том, что есть ли способ, чтобы вызвать диалоговое окно, когда-либо я нажать на любую из кнопок без записи 100 из диалоговых коробками в ..

$("#edit").dialog({ 
       autoOpen: false, 
       draggable: false, 
       modal: true, 
       width: "322", 
       buttons: { 
        "Add to Log": function() { 
         $(this).dialog("close"); 
        }, 
        Exit: function() { 
         $(this).dialog("close"); 
        } 
       } 

      }); 

      $("#editi").click(function() { 
       $("#edit").dialog("open"); 
       return false; 
      }); 
</script> 


<button id="editi">Edit</button> // normally goes thru a while loop and is reapeted 5 or 6 times but only the frist one genrated works 

    <div class="edit" id="edit" title="Edit Entry" style="font-size:15px"> 
    <p>hello</p> 

Answer 1

$("#edit").dialog({ 
       autoOpen: false, 
       draggable: false, 
       modal: true, 
       width: "322", 
       buttons: { 
        "Add to Log": function() { 
         $(this).dialog("close"); 
        }, 
        Exit: function() { 
         $(this).dialog("close"); 
        } 
       } 

      }); 

/*this is the area that is looped*/ 
      $(".editi").click(function() { 
       $("#edit").dialog("open"); 
       return false; 
      }); 
</script> 


<button class="editi">Edit</button> 

    <div class="edit" id="edit" title="Edit Entry" style="font-size:15px"> 
    <p>hello</p> 

Answer 2

вы повторив тот же идентификатор (Editi) несколько раз? Вы можете создать класс как buttonClass и подключить кнопку таким образом:

 $(".buttonClass").click(function() { 
      $("#edit").dialog("open"); 
      return false; 
     }); 

Answer 3

держать класс как Editi, а сохранить его в качестве идентификатора и для этого сделать:

$('.editi').click(function(){ 
    //do what you want to do 
})