2014-01-27 140 views
0

我已經創建了一個博客。特定的羣組成員可以在該博客中聊天。每條評論都有一個動態創建的鏈接按鈕(「編輯」 - >文本)打開JQuery對話框onclick動態創建鏈接按鈕

單擊編輯 linkbutton,我想要一個對話框彈出。我嘗試了很多,但無法繼續。請幫忙。

以下是我如何嘗試此操作的代碼片段。

在cs文件

:(這是我怎麼動態創建的鏈接按鈕) (我在我的jQuery的使用lnkBut​​tons

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文件:

 <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裏.lnkBut​​tons –

+1

和你的jQuery版本應該是最新的 –

相關問題