Jquery 如何在单个页面中为多个简单模式提供单独的样式

我在我的页面中使用了Eric Martin（simplemodal.com）编写的一个简单模式。我需要在一个页面中为不同的简单模态提供不同的样式。代码的编写方式是，每当我们调用

$('#myID').modal();

生成一个SimpleModel容器。我需要将它自己生成的一些样式更改为同一页面中的其他模式框

有人能告诉我需要做什么吗

---

谢谢

我以前没有使用过这个插件。但是如果你看这里：选项

集装箱运输系统

和

覆盖运输系统

似乎做了你想做的事情……在这里阅读他们的文档：；或者您可以使用外部css覆盖库生成的内联样式。@Godinall:这很好。但是当您调用一个模态时，它只是从模态js生成一个容器div，该模态js具有相同的名称/div>。因此，每次调用$（'#myID'）.modal（）时，它都会生成相同的容器div，我无法为不同的modal设置不同的样式。明白我的意思了吗？@steeve是的，我知道你的意思。如果你看一下演示页面，你会发现它实际上对各种演示使用了不同的ID。但它们都使用相同的类名。我也一直在看演示代码，但在我的页面上，生成的类名仍然是class=“SimpleModel-XXXXX”的默认值。它们没有使用用于打开模式的ID的名称。例如：使用$（'#msg_box'）.modal（）；我希望class=“msg\u box-XXXXX”。这是演示页面上出现的情况，但实际页面上没有。我错过了什么？