Jquery 颜色框在网格视图页面更改后不起作用

本文关键字：不起作用 视图 颜色 网格 Jquery | 更新日期: 2023-09-27 18:36:49

我在使用带有网格视图分页的 Jquery colorbox 时遇到了问题。当第一次加载页面时，颜色框工作正常，但是当我通过分页更改网格视图页面时，它不起作用。

这是我的JavaScript代码

<script type="text/javascript">
        $(document).ready(function () {

            $(".example6").colorbox({
                iframe: true, innerWidth: 425, innerHeight: 173, onClosed: function () {
                    ($get('<%= btnInsertData_dummy.ClientID %>')).click();
                }
            });
            var prm = Sys.WebForms.PageRequestManager.getInstance();
            prm.add_endRequest(EndRequestHandler);

        });
        function EndRequestHandler(sender, args) {
            $(".example6").colorbox({
                iframe: true, innerWidth: 425, innerHeight: 173, onClosed: function () {
                    var path = sender._postBackSettings.sourceElement.pathname;
                    var myArray = new Array();
                    myArray = path.split('/');
                    if (myArray[1].toString() != "Default.aspx") {
                        ($get('<%= btnInsertData_dummy.ClientID %>')).click();
                    }
                }
            });
        }
    </script>

在网格视图中，我正在绑定行数据绑定上的超链接

if (e.RowType != GridViewRowType.Data) return;
var securrityKey = e.GetValue("str_securitykey");
System.Web.UI.WebControls.HyperLink grdHyper =
grid.FindRowCellTemplateControl(e.VisibleIndex, null, "grdhyper")
as System.Web.UI.WebControls.HyperLink;
if (securrityKey.ToString() != "")
{
    grdHyper.Visible = false;
}
else
{
    var number = e.GetValue("lng_rndnum");
    var lngId = e.GetValue("lng_id");
    grdHyper.CssClass = "example6 cboxElement";
    grdHyper.NavigateUrl = "GenerateSecurityKey.aspx?number=" + number.ToString() + "&id=" + lngId.ToString();
}

单击分页后它不起作用

Jquery 颜色框在网格视图页面更改后不起作用

将 jquery 代码中的代码从 add_endRequest 更改为add_pageLoaded。并删除您的(document).ready(function(){ jquery代码，并将您的colorbox方法代码放在add_pageLoaded方法中。希望这可以解决您的问题。

相关文章：