Question

我想使用jQuery colorbox在我的网站上打开网页，但它不会在对话框中打开，它会像普通链接一样打开... 我搜索了演示，但我找不到任何工作。

这是我的代码：

<asp:GridView runat="server" ID="usersGrid">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <a class="user_details" href="UserDetails.aspx?id=<%#Eval("Id")%>">View details</a>
            </ItemTemplate>
        </asp:TemplateField>
   </Columns>
</asp:GridView>

<link rel="stylesheet" href="/css/colorbox.css" />
<script src="js/jquery-1.10.2.min.js"></script>
<script src="/js/jquery.colorbox-min.js"></script>
<script type="text/javascript">
    $(function () {
        $(".user_details").colorbox({ iframe: true, innerWidth: 425, innerHeight: 344 });
    });
</script>

当我点击链接时，它只是将我重定向到给定的网址，我希望它在彩盒对话框中打开...

Answer 1

尝试将您的函数放在$（document）.ready（）事件中，而不是立即调用它。这可以确保在创建颜色框时加载DOM。

$(document).ready(function () {
    $(".user_details").colorbox({ iframe: true, innerWidth: 425, innerHeight: 344 });
});

http://api.jquery.com/ready/

如何使用jquery colorbox打开新的网页

1 个答案: