在Link按钮的单击事件中应用Jquery函数(在代码后面)

Question

这是我想知道的另一个问题，如何在Linkbutton的onclick()事件上应用任何jQuery函数。

我有一个Linkbutton，我想在点击linkbutton时设置下面的jQuery函数。

<önclick="TINY.box.show({
    iframe:'User_News.aspx',
    boxid:'frameless',
    width:250,
    height:250,
    fixed:false,
    maskid:'bluemask',
    maskopacity:40,
    closejs:function(){closeJS()}
})"
style="color: #0000FF; font-size: medium; height: 28px;"
id="l1" 
runat="server">

此函数为我提供弹出消息。那么当linkbutton被点击时如何获得弹出窗口呢？

Answer 1

您可以将javascript函数绑定到linkbutton，它将在单击时显示弹出窗口

<asp:LinkButton id="lnk" runat="server" OnClientClick="ShowPopUp();">

如果您的id为linkbutton，则可以使用jquery绑定脚本

$('#linkbutton').click(ShowPopUp);

如果您将linkbutton作为类，则可以使用jquery绑定脚本

$('.linkbutton').click(ShowPopUp);  


function ShowPopUp(){
  TINY.box.show({
  iframe:'User_News.aspx',
  boxid:'frameless',
  width:250,
  height:250,
  fixed:false,
  maskid:'bluemask',
  maskopacity:40,
  closejs:function(){closeJS()}
  });
}

Answer 2

包括jquery库- https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

考虑将Linkbutton作为类名，在脚本标记中添加以下内容-

$(function(){
  $('.Linkbutton').on('click', function(){
    $('#frameless').show();
  });
});