模态窗口/ foundation.reveal.js并传递变量

Question

任务概述

我正在使用Code Igniter Framework来构建一个小型客户端管理系统。 部分功能是从数据库中删除记录，在删除之前我需要与用户核实他们可以删除该记录作为预防措施。我想通过模态窗口来做到这一点。

我正在使用的框架

• CodeIgniter MVC框架（PHP，MYSQL）
• 基础HTML / CSS Boilerplate
• 基金会的Javascript库（特别是reveal.js）

我想要实现的目标

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

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

正如你所看到的，href标签目前正在说，转到主类中的delete_domain函数，它将客户端ID传递给URL，当然在应用程序的其他部分使用它来删除与该ID匹配的记录。

在标签中我们还有：

 data-reveal-id="deleteModal" 

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

这是位于页面底部的Modal窗口的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值。

如果我可以将该值传递给模态窗口，那么当然可以选择最终删除该行。

有人可以帮忙吗？

Answer 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”中，并作为链接文本。