Jquery 如何将数据输入fancybox？

总的来说，我对jQuery完全是处女。PHP是我的拿手好戏，由于一般的编程知识，我大致了解javascript。我正在为一个音乐节做一些志愿工作，我得到了一个完整的设计，我“只是”必须实现php才能工作

大多数事情都是可行的，但是有一个（或者说实际上是要做的，但另一个将在以后讨论）我的google foo似乎无法克服的大问题

我有一些数据库中的数据。在每行的末尾，都有一个删除按钮。删除按钮现在会打开一个fancybox，确认我是否真的想删除（不是我自己做的）。我一辈子都不明白如何使用fancybox

这是每行末尾的“删除”按钮（还有许多花哨的css使它看起来很好..）：

这又是一个html：

<div id="delete" style="display:none; width:400px; overflow:hidden;">
<div class="alertwrap">
<h2><img src="images/shiftdelete.png" width="32" height="32" class="icon" alt="Delete" />Confirm deletion</h2>
<div class="content">
<span>Are you sure you want to delete?</span>
<a href="javascript:$.fancybox.close();" class="confirm">YES</a>
<a href="javascript:$.fancybox.close();" class="decline">No</a>
</div>

确认删除
您确定要删除吗？

很容易将行的id作为打开fancybox的行的id。但是我找不到在fancybox中检索它的方法，这样我就可以用它做点什么

按钮的动作显然是假的，我只是把它们放在那里，同时试图了解这里该做什么。“否”按钮是可以的，但“是”按钮应该能够调用另一个包含post数据的php文件，该文件至少具有从原始文件中获取的id

我的另一个问题是类似的，我想它可能会以同样的方式解决。。。我在每一行上都有一个编辑按钮，它以与确认对话框相同的方式打开一个表单。我需要用该行的数据填充该表单。我真的不明白怎么

有什么建议吗？请在上面加糖：）

参见示例

示例代码：

$('a.btn-delete-row').click(function(){

    $('#delete').data('context', $(this));

    $.fancybox({
        width           : 400,
        height          : 160,
        fitToView       : false,
        autoSize        : false,
        modal           : true,
        closeClick      : false,
        href            : '#delete'     
    });    
});

$('a.confirm').click(function(){
    var $context = $('#delete').data('context')

    alert($context.attr('data-rowID'));    

    $.fancybox.close();   
    return false;
});

$('a.decline').click(function(){
    $.fancybox.close();    
    return false;
});

exsample html：

<a class="fadein btn-delete-row" href="javascript:void(0);" title="Delete" data-rowID="1">delete in row 1</a><br/>
<a class="fadein btn-delete-row" href="javascript:void(0);" title="Delete" data-rowID="2">delete in row 2</a>



<div style="display:none;">
    <div id="delete" style="width:400px; overflow:hidden;">
        <div class="alertwrap">
            <h2><img src="images/shiftdelete.png" width="32" height="32" class="icon" alt="Delete"/>Confirm deletion</h2>

            <div class="content">
                <span>Are you sure you want to delete?</span>
                <a href="javascript:void(0);" class="confirm">YES</a>
                <a href="javascript:void(0);" class="decline">No</a>
            </div>
        </div>
    </div>    
</div>    

确认删除
您确定要删除吗？

无需保留在对话框的上下文中，只需分配一个全局变量即可

$('a.btn-delete-row').click(function(){

    $('#delete').data('context', $(this));

    $.fancybox({
        width           : 400,
        height          : 160,
        fitToView       : false,
        autoSize        : false,
        modal           : true,
        closeClick      : false,
        href            : '#delete'     
    });    
});

$('a.confirm').click(function(){
    var $context = $('#delete').data('context')

    alert($context.attr('data-rowID'));    

    $.fancybox.close();   
    return false;
});

$('a.decline').click(function(){
    $.fancybox.close();    
    return false;
});

<a class="fadein btn-delete-row" href="javascript:void(0);" title="Delete" data-rowID="1">delete in row 1</a><br/>
<a class="fadein btn-delete-row" href="javascript:void(0);" title="Delete" data-rowID="2">delete in row 2</a>



<div style="display:none;">
    <div id="delete" style="width:400px; overflow:hidden;">
        <div class="alertwrap">
            <h2><img src="images/shiftdelete.png" width="32" height="32" class="icon" alt="Delete"/>Confirm deletion</h2>

            <div class="content">
                <span>Are you sure you want to delete?</span>
                <a href="javascript:void(0);" class="confirm">YES</a>
                <a href="javascript:void(0);" class="decline">No</a>
            </div>
        </div>
    </div>    
</div>