Question

有没有办法可以使用按钮（输入类型=“按钮”）来显示Bootstrap模式。基本上默认是使用基于文档的锚。我试过试验但没有运气。

我不确定我的编码是否错误，或者如果Bootstrap模式是锚标记，则只能激活它。如果有人创造了这种结果，我也尝试使用谷歌搜索或研究。

Answer 1

这应该与锚标记的工作方式相同。问题是，它基于href属性，引用模态窗口的id，并将此属性放在按钮上可能会导致某些html验证变得不稳定。

如果您不关心这类内容，可以使用a代码替换button代码。

修改：刚刚发现您使用的是input元素，而不是button。无论哪种方式，它仍然可以工作。

Edit2：通过查看引导程序代码（2.3.2）验证我所说的不是完全BS，并找到了这个代码段：

$(document).on('click.modal.data-api', '[data-toggle="modal"]', function (e) {
    var $this = $(this)
      , href = $this.attr('href')
      , $target = $($this.attr('data-target') || (href && href.replace(/.*(?=#[^\s]+$)/, ''))) //strip for ie7
      , option = $target.data('modal') ? 'toggle' : $.extend({ remote:!/#/.test(href) && href }, $target.data(), $this.data())

    e.preventDefault()

    $target
      .modal(option)
      .one('hide', function () {
        $this.focus()
      })
  })

看一下这个，href属性不是必需的，你可以在使用输入和按钮时使用data-target。

Answer 2

简单地说你可以点击按钮点击并调用函数“onclick = showModal（）”

JS CODE

function showModal()
{

    $("#modal-window-id").modal("show");

}

试图将Bootstrap模态放在一个按钮中

2 个答案: