在回发后使用 fancybox

Question

我昨天在用C#asp.net开发网页的时候开始使用fancybox插件，我成功地用它来显示隐藏的面板、图像等。

但今天我想在回发后将它用于不同的情况。

我有一些在页面加载时动态创建的链接按钮。每个按钮单击都会更改隐藏面板的内容 - 例如标签的文本。我想在花式框中显示更改后的面板，但我真的不知道如何。

我只想说我搜索了几个小时的解决方案，但没有找到与我的问题匹配的解决方案。

我可以做错什么吗？ 我会很乐意学习的。

谢谢。

编辑

我的html文档包括：

<asp:Panel ID="Panel1" runat="server">   
</asp:Panel>

<div style="display:none">
    <div id="data">
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
    </div>
</div>

Panel1 将成为动态按钮的父级。 data div 是其内容必须显示在fancybox中的div。

背后的代码：

protected void Page_Load(object sender, EventArgs e)
{
    for (int i = 1; i <= 4; i++)
    {
        LinkButton but = new LinkButton() { ID = "LinkButton" + i.ToString(), Text=i.ToString(), CssClass="fancybutton" };
        but.Font.Size = 100;
        but.Click += new EventHandler(ButtonClick);
        Panel1.Controls.Add(but);
    }
}

protected void ButtonClick(object sender, EventArgs e)
{
    string id = (sender as LinkButton).ID;
    Label1.Text = id;

    Response.Write(Label1.Text); // test in purpose to see the label text's change
}

我的 jquery：

        $(".fancybutton").click(function () {
            $.fancybox({
                'type': 'inline',
                'content': '#data'
            });
        });

fancybox 似乎出现了一秒钟，但由于回发页面被刷新，fancybox 消失了。

Answer 1

试试这个： 正如你所说，你的花哨的盒子出现了一秒钟左右，然后由于页面刷新它隐藏了..

$(".fancybutton").click(function (event) {
    event.preventDefault();  // If this does not work also try "event.stopPropagation();"
    $.fancybox({
        'type': 'inline',
        'content': '#data'
    });
});

我希望这对你有用，因为我已经回答了我从你的问题中理解的内容。让我知道这是否适合您。干杯。