我有一个包含大量数据的表,并且我在每行的末尾放置了一个按钮,我想用它来触发模态并将该行的唯一ID传递给模态.
我找到了这个答案:将数据传递给bootstrap模式
但它似乎不适用于Bootstrap 3,我找不到任何想法的任何数据?
我使用的是相同的代码:
标题:
身体:
test
莫代尔:
Modal header
some content
结果页面将打开模态,但文本字段为空.
我忘了提,我确实加载了jquery和bootstrap:
Tieson T... 9
尝试手动触发模态,而不是使用数据API.
像这样更新超链接:
test
然后调整你的jQuery代码:
$(document).on("click", ".open-AddBookDialog", function (e) { e.preventDefault(); var _self = $(this); var myBookId = _self.data('id'); $("#bookId").val(myBookId); $(_self.attr('href')).modal('show'); });
似乎为我工作; jsFiddle @ http://jsfiddle.net/4XJ54/
尝试手动触发模态,而不是使用数据API.
像这样更新超链接:
<a data-id="ISBN" title="Add this item" class="open-AddBookDialog btn btn-primary" href="#addBookDialog">test</a>
然后调整你的jQuery代码:
$(document).on("click", ".open-AddBookDialog", function (e) { e.preventDefault(); var _self = $(this); var myBookId = _self.data('id'); $("#bookId").val(myBookId); $(_self.attr('href')).modal('show'); });
似乎为我工作; jsFiddle @ http://jsfiddle.net/4XJ54/