Question

我遇到了带有gridview分页的Jquery colorbox问题。加载第一次页面时，colorbox工作正常，但是当我通过分页更改gridview页面时，它无法正常工作。

这是我的javascript代码

public class FacebookShareRenderer : ButtonRenderer
{   
    ShareButton sb;
    protected override void OnElementChanged (ElementChangedEventArgs<Xamarin.Forms.Button> e)
    {
        base.OnElementChanged (e);
        sb = new ShareButton(Context);

        this.Control.Click += (sender, eargs) => sb.PerformClick();
        sb.Click += (sender, eargs) => {
                ShareLinkContent.Builder shareLinkContentBuilder = new ShareLinkContent.Builder().
                    SetContentDescription("Hello").
                    SetContentTitle("Desc");
                shareLinkContentBuilder.SetImageUrl("url");
                ShareLinkContent shareLinkContent = shareLinkContentBuilder.Build();
                sb.ShareContent = shareLinkContent;
            }
        };
    }
}

在gridview中我在Rowdatabound上绑定超链接

<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>

单击分页后

并且它无法正常工作

Answer 1

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

在gridview页面更改后，Jquery colorbox无法正常工作

1 个答案: