Jquery 为什么Iframe没有第二次加载？

我试图通过点击一个按钮来加载一个网站，它第一次运行得很好，第二次加载时运行得很好

如果我试图从内容模板中删除按钮以及

ahref

，并将其放在外部，那么Iit会显示一个空白的Iframe，其余的代码工作正常。 这是我的密码：

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

        $("#various3").fancybox({
            'width': '75%',
            'height': '75%',
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'type': 'iframe'
        });

        $('#<%=txtWebsiteAddress.ClientID%>').change(function () {
            $('#various3').attr('href', $(this).val());
        });


        $("#<%=btnShowThumbnailImage.ClientID %>").click(function () {

            $("#various3").trigger('click');

        });
    });
</script>

$（文档）.ready（函数（）{
$（“#various3”）.fancybox({
“宽度”：“75%”，
“高度”：75%，
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”，
“type”：“iframe”
});
$（'#'）。更改（函数（）{
$（'#various3'）.attr（'href'，$（this.val（））；
});
$（“#”）单击（函数（）{
$（“#various3”）.trigger（'click'）；
});
});

这是我的标记：

    Width:<asp:TextBox ID="txtWidth" runat="server">320</asp:TextBox>
    Height:<asp:TextBox ID="txtHeight" runat="server">240</asp:TextBox>


    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
    <li><a id="various3" href=""></a></li>
    <asp:Button ID="btnShowThumbnailImage" runat="server" Text="Button" OnClick="btnShowThumbnailImage_Click" />
    <asp:Image ID="imgWebsiteThumbnailImage" runat="server" Visible="false" />
    <asp:UpdateProgress ID="UpdateProgress1" runat="server" DisplayAfter="0">
    <ProgressTemplate>
    <img src="images/Loader.gif" alt="loading" />
    </ProgressTemplate>
    </asp:UpdateProgress>
    </ContentTemplate>
    </asp:UpdatePanel>

宽度：

更新UpdatePanel后，需要重新初始化javascript，因为在UpdatePanel运行后，Dom会发生变化。这可以通过UpdatePanel中包含的两个函数来完成。使用这2个调用，您可以在页面加载时重新初始化FuncBox，然后在每个UpdatePanel上再次初始化

<script type="text/javascript">

    var prm = Sys.WebForms.PageRequestManager.getInstance();    
    prm.add_initializeRequest(InitializeRequest);
    prm.add_endRequest(EndRequest);

    function InitializeRequest(sender, args) {      
    }

    function EndRequest(sender, args) {
        InitMyFancyBox();
    }

    $(document).ready(function () {
        InitMyFancyBox();
    });


    function InitMyFancyBox()
    {
        $("#various3").fancybox({
            'width': '75%',
            'height': '75%',
            'autoScale': false,
            'transitionIn': 'none',
            'transitionOut': 'none',
            'type': 'iframe'
        });

        $('#<%=txtWebsiteAddress.ClientID%>').change(function () {
            $('#various3').attr('href', $(this).val());
        });


        $("#<%=btnShowThumbnailImage.ClientID %>").click(function () {
            $("#various3").trigger('click');
        });
    }    
</script>

var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.添加_initializeRequest（initializeRequest）；
prm.add_endRequest（endRequest）；
函数初始化请求（发送方，参数）{
}
函数EndRequest（发送方，参数）{
InitMyFancyBox（）；
}
$（文档）.ready（函数（）{
InitMyFancyBox（）；
});
函数InitMyFancyBox（）
{
$（“#various3”）.fancybox({
“宽度”：“75%”，
“高度”：75%，
“自动缩放”：false，
“transitionIn”：“无”，
“transitionOut”：“无”，
“type”：“iframe”
});
$（'#'）。更改（函数（）{
$（'#various3'）.attr（'href'，$（this.val（））；
});
$（“#”）单击（函数（）{
$（“#various3”）.trigger（'click'）；
});
}