Question

我有一个函数将远程内容加载到bootstrap 3模式中，该模式使用php生成的记录集中的id。我似乎正在正确检索id，但远程页面内容总是显示我点击的第一个id

<script type="text/javascript">
$(document).ready(function(){
    $('.pull-right').click(function(){
        var id = this.id;
        alert(id);
        $('#myModal').modal({

    remote: '/member_profile.php?MemberID='+id,
    show: true
});
    }); 
});
</script>

正确生成id时，参数是否未正确传递到远程php页面？

Answer 1

您需要在打开AJAX模式时重置数据。这就是你要找的东西：

$('body').on('hidden.bs.modal', '#myModal', function() { $(this).removeData('bs.modal'); });

Answer 2

$('#myModal').on('hide.bs.modal', function(){
   $(this).removeData('bs.modal');
});

是，如果您未默认禁用模态动画，则“隐藏”不是“隐藏”。这将执行更稳定和稳定，因为它在您解雇模态div后立即触发。在真正的噩梦之后我才这样做......

我发现removeData（'bs.modal'）已经添加到Bootstrap 3.1源代码中，但只是在'hidden.bs.modal'事件中，所以有时候bug仍然会发生。

在bootstrap 3中将参数传递给远程模态

2 个答案: