Question

我有一个简单的场景，我有一个DB-Entries的管理列表。点击后，我调用remote-attribute并显示数据。

现在，模态对话框包含“删除”，“批准”，“无”等操作按钮。

因此，每当我点击其中一个按钮时，我都想获得数据库条目的ID。

在Bootstrap 2.3上this PullRequest on GitHub后，relatedTarget上有event个属性。显然在v3上已经删除了。所以我真的很想知道我应该如何实现这种功能。

//Syntax Bootstrap v2.3
$('#modal').on('show.bs.modal', function(e){
    console.log(e.relatedTarget);
});

//Syntax Bootstrap v3.0
????

小提琴不应该真正有助于理解这个问题，但是here's one anyways

Answer 1

由于我已在模态对话框中识别出按钮，因此这样的功能起作用。虽然由于某种原因我觉得这有点乱，我仍然想知道是否有不同的解决方案：

// Button to open the Modal Dialog
<a href="#someLink" data-toggle="modal" data-target="#modalDiv" data-article-id="1">Foo</a>

// Button inside the Modal view
<a href="#" id="delete-article">delete</a>

然后JS在Delete-Button-Click上获取文章ID：

$('#delete-article').on('click', function(){
    var articleId = $('#modalDiv').data('bs.modal').options.articleId;
    // artticleId = 1
});

由于我必须在DOM上进行另一个“查询”，我觉得这个方法很脏。如果还有其他方式以更高效的方式获取数据，我很乐意接受这些信息：）

识别模态对话框的源按钮

1 个答案: