Javascript 引导模式以编程方式更改宽度

我需要通过jquery或vanilla javascript以编程方式更改模式的宽度

以下是我所拥有的：

<div class="modal fade" id="modal-popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog modal-lg" role="document" id="modal_dialog">
    <div class="modal-content">
      <div class="modal-header">
                <h3 class="modal-title pull-left" id="action_title">My Title</h3>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
      </div>
      <div class="modal-body text-center">My Body</div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close Window</button>
      </div>
    </div>
  </div>
</div>

我在这里遗漏了什么吗？

将.modal对话框的最大宽度设置为99%。模式内容宽度已经是模式对话框的百分比

函数popupmodel { $‘模式弹出’。模式‘显示’； $'.modal对话框'.css'max-width'，'99%'； 控制台。记录“它正在开火！”； } 弹出模式； 我的头衔 × 我的身体 关窗

---

你能在调用函数的地方发布代码吗？你应该使用.modal对话框选择器来设置宽度，而不是.modal内容。通常，模态内容将始终完全扩展到其自身parent@DucHong-很抱歉发布了错误的代码，但我也尝试了.modal dialog

function popUpModal()
{  
   $('#modal-popup').modal('show');
   $('.modal-content').css('width','99%');  
   console.log('it is firing!');  
}