0

我有一个具有超链接字段的 Gridview。单击该字段时,我想要打开一个精美的框,在该精美的框中,我想要一个 iframe 来显示必须打开的超链接字段的页面。

我的网格视图是:

<asp:GridView ID="GridView" runat="server" AutoGenerateColumns="False"DataKeyNames="SrNumber"
                    OnRowDataBound="GridView2_RowDataBound" 
                    Width="100%"
                    ShowFooter="false"
                    EnableViewState="false"
                    AutoPostBack="true">
                    <Columns>
      <asp:HyperLinkField DataNavigateUrlFields="SrNumber" DataNavigateUrlFormatString="newpage.aspx?SrNumber={0}" DataTextField="Note"  HeaderText=""/>
                   <asp:TemplateField HeaderText="Note" SortExpression="Note">
                   <ItemTemplate>
                       <a id="ahrefclick" class="forPopup"  href="newpage.aspx?SrNumber  <%#Eval("SrNumber")%>"><%#Eval("Note")%></a>
                   </ItemTemplate>
                   </asp:TemplateField>
                    </Columns>
                </asp:GridView>

目前,只有两列,两者实际上是相同的。超链接文件将我带到下一页。而且我试图使用模板字段向 gridview 添加花哨的框逻辑。

javascript代码是:

 $("#ahrefclick").click(function (e) {

        $(".forPopupGrid").fancybox({
            'titlePosition': 'inside',
            'transitionIn': 'elastic',
            'transitionOut': 'none'
        });
    });

我仍然没有弹出。我是fancybox的新手。请帮忙!

谢谢你!

编辑:我的 jquery 和 fancybox 链接是:

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js" type="text/javascript"></script>

    <link href="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.css" rel="stylesheet"
        type="text/css" />
4

1 回答 1

0

尝试像这样定位实际链接的

$(".forPopup").fancybox({
   'titlePosition': 'inside',
   'transitionIn': 'elastic',
   'transitionOut': 'none',
   'type': 'iframe' //<-- if opening external pages
});

...您实际上并不需要该click()方法(一旦选择器绑定到它,fancybox 就会被触发)

于 2013-07-25T15:56:36.800 回答