通过 Bootstrap 模式将循环数据作为变量从 JavaScript 传递到 AJAX答案

【问题标题】：Passing loop data as variable from JavaScript to AJAX via Bootstrap modal通过 Bootstrap 模式将循环数据作为变量从 JavaScript 传递到 AJAX
【发布时间】：2017-12-11 02:39:55
【问题描述】：

我下面的代码用于使用 JavaScript 从循环中检索记录。一切正常。每个记录按钮都有一个唯一的 id，当点击应该在 Bootstrap Modal 弹出窗口中提醒 users_id。

问题是包含users_id 的循环按钮在单击每个按钮时没有发出任何警报。

下面是用 JavaScript 和 Bootstrap 模态按钮检索记录的代码：

<script>
    $(document).ready(function () {
        $.post('users.php', function(response){
            $.each(JSON.parse(response).items, function(i,v) {
                $('.userslist').append('<span>'+v.id+'</span> <a href="#myModal" id="'+v.id+'" class="modalLink"  data-toggle="modal" data-target="#myModal">Profile</a>');
            });
        });
    });
</script>

下面是发布users_id然后提醒它的代码：

<script>
    $(document).ready(function(){
        $(".modalLink").click(function() {
            var id = $(this).attr("id");
            alert(id);
            var dataString = 'id='+ id;
            $.ajax({
                type: "POST",
                url: "ajax_modal.php",
                data: dataString,
                cache: false,
                success: function(data) {      
                    $("#rmm").html(data);
                } 
            });
        });
    });
</script>

但是如果我在 javascript 循环中将 Modal 按钮放在检索记录之外它会提醒 users_id 并且一切都会正常工作，如下面的代码所示

<a href="#myModal" id="'+v.id+'" class="modalLink"  data-toggle="modal" data-target="#myModal">Profile</a>

谁能帮我制作每个 JavaScript 循环按钮来发布自己独特的 users_id，然后在 Bootstrap 模式弹出窗口中提醒它。我附上了从 JavaScript 循环获得的结果的屏幕截图。

谢谢

【问题讨论】：

标签： javascript jquery html ajax twitter-bootstrap

【解决方案1】：

如果我正确理解您的问题；

尝试改变

$(".modalLink").click(function() {

到

$(document).on('click', '.modalLink', function() {

没有看到您的其余代码或工作小提琴，我怀疑您的内容是动态的，JQ 无法绑定点击处理程序，只是因为没有要绑定的内容。 this answer 很好地解释了 .on 和 .click 之间的区别。

如果你得到预期的结果，我会删除document 选择器并使用最近的父静态元素。

【讨论】：