我使用引导模式来销毁任务对象。当我单击索引页面上的给定任务时,模态窗口将弹出,该任务的破坏链接将通过数据攻击加载,因此当用户单击#delete-task-submit
按钮时,模态将知道应该销毁哪个任务。
代码工作正常,但我想使用data-behavior="delete-task-submit"
而不是#delete-task-submit
来明确这与样式无关,它只用于js调用。
正确的方法是什么?我之所以这样问是因为在第一个js调用中使用#delete-task-submit
来查找/设置data-task-destroy-link
,并且不知道如何在不添加id/额外类的情况下找到该数据属性。
<div class="modal fade" id="delete-task-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content" style="text-align:left">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Delete Task</h4>
</div>
<div class="modal-body">
<h4>Are you sure?</h4>
<p> </p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="deletetaskclose">Close</button>
<a href="#" id="delete-task-submit" type="button" class="btn btn-danger" data-task-destroy-link >Delete Task</a>
<!-- DESTROY LINK GETS INSERTED HERE -->
</div>
</div>
</div>
</div>
$(document).on('click', '[data-behavior="open-delete-task-modal"]', function (event) {
var taskDeleteLink = $(this).data("task-delete-link");
$('#delete-task-submit').data("task-destroy-link", taskDeleteLink);
});
$(document).on('click', '#delete-task-submit', function (event) {
var href = $(this).data("task-destroy-link");
$.ajax({
type: "DELETE",
url: href,
dataType: "script"
});
});
发布于 2016-05-05 14:58:16
我之所以这样问,是因为
#delete-task-submit
是在第一个js调用中使用的,用于查找/setting数据-任务-破坏-链接,而且不知道如何在不添加id/额外类的情况下找到该数据属性。
将$('#delete-task-submit')
替换为代码的该部分中的$('[data-behavior="delete-task-submit"]')
选择器,并将data-behavior="delete-task-submit"
属性添加到链接中。
<a href="#" id="" data-behavior="delete-task-submit" class="...">Delete Task</a>
https://stackoverflow.com/questions/37061553
复制