【问题标题】：Modal Window / foundation.reveal.js and passing a variable模态窗口/foundation.reveal.js 并传递一个变量
【发布时间】：2013-09-12 16:02:17
【问题描述】：

任务概述

我正在使用 Code Igniter 框架来构建一个小型客户端管理系统。部分功能是从数据库中删除记录，在删除之前我需要与用户确认是否可以删除该记录以防万一。我想通过模态窗口执行此操作。

我正在使用的框架

CodeIgniter MVC 框架（PHP、MYSQL）
基础 HTML/CSS 样板
基金会的 Javascript 库（尤其是reveal.js）

我想要达到的目标

我想让用户点击删除链接：

 <a href="delete_domain/<?php echo $item->clientID ?>" data-reveal-id="deleteModal" class="small button secondary">Delete</a>

如你所见，href标签当前是在说，去主类中的delete_domain函数，它把clients ID传入到URL中，这当然是在应用程序的另一端用来删除与该 ID 匹配的记录。

在我们拥有的标签中进一步说明：

 data-reveal-id="deleteModal"

这指的是在模态窗口 div 中找到的相同 [id=deletemodal]，该 div 必须位于页面底部的结束正文标记之前。

这是位于页面底部的模态窗口的 DIV？

<div id="deleteModal" class="reveal-modal small">
<h2>Are you sure you want to DELETE?</h2>
<p class="lead">Random Text</p>
<a href="" ></a>
<a class="close-reveal-modal">&#215;</a>
</div>

问题

我不确定它是否或如何工作，因为此时删除链接位于表格行内，这些行中的每一行都是由 foreach 函数生成的，因此它们是其中的多个DOM 每个都有不同的 /$clientID 值。

如果可以的话，我想将该值传递给模式窗口，然后当然是最终删除该行的选项。

谁能帮忙？

【问题讨论】：

标签： javascript php codeigniter zurb-foundation reveal.js

【解决方案1】：

您可以从按下的按钮中获取您想要的数据并将其放入模式中。可能有几种方法可以做到这一点；这是其中之一：http://jsfiddle.net/b37s3/

<a href="delete_domain/<?php echo $item->clientID ?>" data-reveal-id="deleteModal" class="small button secondary deleteLink">Delete</a>


<div id="deleteModal" class="reveal-modal">
    <h2>Are you sure you want to DELETE?</h2>
    <p class="lead">Random Text</p>
    <a class="deleteUrl" href="#"></a>
    <a class="close-reveal-modal">&#215;</a>
</div>

和js：

$(document).foundation();  
$('a.deleteLink').click(function(){
    var link = $('.deleteUrl');
    $(link).attr('href', this.href);
    $(link).html(this.href);
});

这会将删除按钮中的href 扔到模态框的a href 中并作为链接文本。

【讨论】：