Javascript Twitter BootStrap 3中的数据消除和隐藏（API）有什么区别

Twitter BootStrap 3中的数据消除和隐藏（API）有什么区别吗

我们使用

data dismission=“modal”

关闭模式

我们还调用API

$（“#modalId”）.modal（“hide”）

来关闭modals

---

它们都可以触发

hide.bs.modal

事件。但是有什么不同呢？

所以有两种方法可以忽略或隐藏模态

案例1

data dismission=“modal”

我们使用

data disclesh=“modal”

如果我们想在不进行任何活动的情况下关闭模式或其文本模式，用户已经阅读了它，现在他想关闭它

案例2

$（#“modalId”）.modal（“隐藏”）

我们使用JavaScript将$（#“modalId”）.modal（“hide”）称为modal。在这种情况下，modal会要求用户输入某种数据，如果数据成功，则应关闭modal。例如ajax调用

 $.ajax({
      type: "POST",
      url: "posturl",
      data: data,
      success: function()
      {
        $(#"modalId").modal("hide")
      }

在上面的示例中，我们假设您有一个调用ajax调用的带有表单的模式。一旦成功，您就要关闭该表单

---

这就是我到目前为止所使用的方法。

从功能上讲，它们都将实现相同的结果：关闭对话框

使用数据解除属性的优点是不需要任何JavaScript代码就可以让用户关闭对话框；您可以在标记中完成所有操作。如果您的页面上没有运行任何其他JS代码，那么在不添加JS依赖项的情况下获得交互的能力是非常棒的

直接调用API的优点是它给了您更多的灵活性：您可以（如@amyogiji所述）在完成其他操作（如AJAX调用）后调用它；您可以根据某些验证规则阻止用户关闭对话框；您可以使与对话框无关的内容关闭对话框，而无需用户进行交互

---

与软件中的大多数决策一样，两者都有用例！一般来说，我建议使用最简单的解决方案（即，

数据解除

），直到您需要额外的灵活性。

当在一个页面上同时打开多个模型时，使用data dislose=“modal”解除最上面的模型将隐藏所有活动模型。您可以完全通过标记API使用所有引导插件，而无需编写一行JavaScript。这是Bootstrap的一流API，应该是您使用插件时的首要考虑。

感谢您的详细解释！所以在函数级别，它们做的事情完全相同。但是标记很简单，API提供了更多的灵活性！“我很抱歉，因为我的声誉不到15岁，我不能投你的票。”Pencilcap很乐意帮忙。仅供参考，您可能无法投票，但您可以接受此作为您答案的正确答案。

数据的值是否表示要关闭哪个模式？