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

Question

下面的代码用于使用JavaScript从循环中检索记录。一切正常。每个记录按钮都有一个唯一的ID，点击时 应该在Bootstrap Modal弹出窗口中提醒// AppCompatDelegateImplV9 private ViewGroup createSubDecor() { TypedArray a = this.mContext.obtainStyledAttributes(styleable.AppCompatTheme); // ~~~~ERROR: false returned (ignoring value from xml) if(a.getBoolean(styleable.AppCompatTheme_windowNoTitle, false)) { this.requestWindowFeature(1); } 。

问题是，当点击每个按钮时，包含users_id的循环按钮不会发出任何警告。

下面是用JavaScript检索记录的代码以及Bootstrap模式按钮：

users_id

以下是发布<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

但是如果我在javascript循环中将检索记录外的模态按钮 它会提醒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循环按钮发布自己独特的<a href="#myModal" id="'+v.id+'" class="modalLink" data-toggle="modal" data-target="#myModal">Profile</a> ，然后在Bootstrap模式弹出窗口中提醒它。我附上了从JavaScript循环中获得的结果的屏幕截图。

由于

Answer 1

如果我理解你的问题，

尝试更改

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

到

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

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

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