时间戳

首页 > 解决方案 > 当页面加载参数时启动引导模式

jquery - 当页面加载参数时启动引导模式

问题描述

如何在页面加载时加载引导模式并包含参数。这是我的代码

$(document).ready(function(){
  $('#userModal').modal('show', function() {
      var name = 'brian';
      var user_id = 366; 
      $('#userModal .userName').val(name);
      $('#userModal .userId').val(user_id); 
  });
});

结果：直接加载页面时可以显示模态但不传递参数for nameanduser_id

目标是：当页面加载时，模态显示，它可以传递参数name和user_id

标签： jquerybootstrap-4

解决方案

你的来电

 $('#userModal').modal('show', function() {

正在尝试做一些类似于$.ajax函数（如$.load）的事情，即：

 $(selector).modal(action, callback)

但是，没有.modal允许回调的引导方法。

相反，您需要shown.bs.modal在显示模态之前侦听模态事件，更新：代码：

$(document).ready(function(){
  $('#userModal').on("shown.bs.modal", function() {
      var name = 'brian';
      var user_id = 366; 
      $('#userModal .userName').val(name);
      $('#userModal .userId').val(user_id); 
  });
  $('#userModal').modal('show');
});

推荐阅读