GridView页面更改后，jQuery Colorbox无法正常工作

Question

我在使用GridView分页的Jquery颜色框时遇到问题。 当第一次加载页面时，colorbox工作正常，但是当我通过分页更改gridview页面时，它无法正常工作。

这是我的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>

在gridview我绑定Rowdatabound上的超链接

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();
}

单击分页后无法正常工作

Answer 1

在您的jquery代码add_pageLoaded代码从add_endRequest更改为add_pageLoaded 。 并删除(document).ready(function(){ jQuery代码并将其放置在里面颜色框方法的代码add_pageLoaded方法。希望这可以解决您的问题。