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 教程，看看我哪里出错了，但到目前为止还没有运气。

谢谢。

score 8 · Accepted Answer

我对 Twitter Bootstrap 不熟悉，但快速浏览一下您链接到的参考资料，看起来.modal()方法正在使用一个对象来指定参数，因此要指定多个参数，您应该能够做到这一点：

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

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

1 回答 1