javascript - 如何使用 Twitter Bootstrap 指定多个 javascript 模态参数？

Question

我有一个使用 Twitter Bootstrap 创建的模式。我想使用 javascript 打开。现在我有以下内容:

<script type="text/javascript" id="js">$(document).ready(function() {
  $("#my-modal").modal('show')
});
</script>

但是，我还想包括背景和键盘属性。 Twitter 的文档将选项显示为:

$('#my-modal').modal({
  keyboard: true
})

$('#my-modal').modal({
  backdrop: true
})

使用这三个选项的任意组合是行不通的。我不太擅长 javascript，所以我不知道发生了什么。我现在正在阅读 javascript 教程以查看我哪里出错了，但到目前为止运气不好。

Twitter Bootstrap's modal documentation

谢谢。

Answer 1

我不熟悉 Twitter Bootstrap，但是快速浏览一下你链接到它的引用看起来像 .modal() 方法正在使用一个对象来指定参数以便指定多个参数你应该能够做到这一点:

$('#my-modal').modal({
   show : true,
   keyboard : true,
   backdrop : true
});

大括号 {} 中的位是标准的 JavaScript 对象字面量语法，您可以在其中指定以逗号分隔的多个属性。