2014-01-27 3 views
0

Я создал блог. Определенный член группы может общаться в этом блоге. Каждый комментарий имеет динамически созданный linkbutton («edit» -> text)Открытие JQuery Диалоговое окно onclick динамически созданных linkbuttons

После нажатия на ссылку linkbutton, я хочу, чтобы появилось диалоговое окно. Я много пробовал, но не мог продолжить. Пожалуйста помоги.

Ниже приведен фрагмент кода о том, как я пытаюсь это сделать.

в .cs файле (это, как я динамически создал кнопку ссылки) (я использовал lnkButtons класс в моей JQuery

LinkButton lnkUpdateComment = new LinkButton(); 
    lnkUpdateComment.ID = "" + objBridgeNotes.BridgeNotesId; 
    lnkUpdateComment.Text = "edit"; 
    lnkUpdateComment.Attributes.Add("class", "lnkButtons"); 
    lnkUpdateComment.Click += new EventHandler(lnkUpdateComment_Click); 

.js файл:.

$(document).ready(function() { 

$(".lnkButtons").live("click", function() { 
    $("#divEditComment").dialog("option", "title", "Edit the Comment"); 
    $("#divEditComment").dialog("open"); 
    return true; 
}); 

$(function() { 
    var dlg = $("#divEditComment").dialog({ 
     autoOpen: false, 
     show: "blind", 
     hide: "blind", 
     //height: 450, 
     minWidth: 400, 
     //position: ['right', 210], 
     buttons: { 
      "Update Note": function() { 

       var Updates = btnSubmitComment.replace(/_/g, '$'); 
       __doPostBack(Updates, ''); 
      } 
     } 
    }); 
    dlg.parent().appendTo(jQuery("form:first")); 
}); 

}); 

in .aspx file:

 <div id="divEditComment"> 
    <asp:UpdatePanel ID="updComments" runat="server"> 
     <ContentTemplate> 
      <div> 
       <table width="100%" style="text-align: center"> 
        <tr> 
         <td> 
          <div id="divComments" runat="server"> 
          </div> 
         </td> 
        </tr> 
       </table> 
      </div> 
     </ContentTemplate> 

    </asp:UpdatePanel> 
</div> 

ответ

0

Использование on()

$(document).on("click",".lnkButtons", function() { 
// desire action 
}); 

.on() метод придает обработчик событий к выбранному набору элементов в объекте JQuery. Начиная с jQuery 1.7, метод .on() предоставляет все функции, необходимые для прикрепления обработчиков событий. Для получения помощи в преобразовании из более старых методов событий jQuery см. .bind(), .delegate() и .live(). Чтобы удалить события, связанные с .on(), см. .off(). Чтобы прикрепить событие, которое работает только один раз, а затем удаляет себя, см .one()

По jQuery

+0

Нет удачи Rituraj. Даже здесь и не попадание внутрь функции. –

+0

в вашем html, где находится .lnkButtons –

+1

и ваша версия jquery должна быть последней. –

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