任务概览
我正在使用 Code Igniter Framework 构建一个小型客户端管理系统。 部分功能是从数据库中删除记录,在删除之前我需要与用户核实他们是否可以删除该记录作为预防措施。我想通过模态窗口执行此操作。
我正在使用的框架
- 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 函数,并将客户端 ID 传递到 URL,这当然在应用程序的另一端用于删除匹配该 ID 的记录。
在标签的后面我们有:
data-reveal-id="deleteModal"
这指的是在模态窗口 div 中找到的相同 [id=deletemodal],它必须驻留在页面底部,就在结束 body 标记之前。
这是位于页面底部的模态窗口的 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">×</a>
</div>
问题
我不太确定它是否或如何工作,因为目前删除链接在表格行内,这些行中的每一行都是由 foreach 函数生成的,所以它们在每个 DOM 都有不同的/$clientID 值。
如果可以的话,我想将该值传递给模态窗口,然后当然传递给最终删除该行的选项。
有人能帮忙吗?
最佳答案
你可以从按下的按钮中抓取你想要的数据并将它扔到模式中。可能有几种方法可以做到;这是其中之一: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">×</a>
</div>
和 js:
$(document).foundation();
$('a.deleteLink').click(function(){
var link = $('.deleteUrl');
$(link).attr('href', this.href);
$(link).html(this.href);
});
这会将按下删除按钮的 href
放入模式的 a href
中,并作为链接文本。
关于javascript - 模态窗口/foundation.reveal.js 并传递一个变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18769170/