将数据传递给Bootstrap 3 Modal

 成都迅捷代驾 发布于 2023-02-08 17:35

我有一个包含大量数据的表,并且我在每行的末尾放置了一个按钮,我想用它来触发模态并将该行的唯一ID传递给模态.

我找到了这个答案:将数据传递给bootstrap模式

但它似乎不适用于Bootstrap 3,我找不到任何想法的任何数据?

我使用的是相同的代码:

标题:






身体:

test

莫代尔:


结果页面将打开模态,但文本字段为空.

我忘了提,我确实加载了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/

1 个回答
  • 尝试手动触发模态,而不是使用数据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/

    2023-02-08 17:37 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有