来自模态的Bootstrap模态未显示

时间:2016-02-12 15:07:12

标签: javascript jquery twitter-bootstrap

我正在启动一个模态的模态,它没有出现在第一个模态上。我的模态在启动时会调用事件:

pugi::xpath_node_set ns = doc.select_nodes("//information");

// if you don't have C++11, use for (size_t i = 0; i < ns.size(); ++i)
for (pugi::xpath_node n: ns)
{
    pugi::xml_node node = n.node();
    const char* name = n.child("Name").text().get();
    // ...
}

模态发射很好但不会出现在第一个模态上。如果我点击屏幕上的任何地方,第二个模态就会消失,然后第一个模态仍会显示。

我已尝试在第一个和第二个模态上进行隐藏/显示,但这似乎不起作用。

1 个答案:

答案 0 :(得分:0)

你可以在第一个模态上使用def render_flash_messages s = '' flash.each do |k,v| s << content_tag('div',v.to_s.html_safe, :class => "flash #{k}", :id => "flash_#{k}") end s.html_safe end 事件来显示你的第二个模态,而第一个模态中的按钮会在点击时隐藏第一个模态。

听起来很愚蠢,我知道,但这是一个例子。 这不会将模态窗口叠加在一起。 如果你想让它们叠加,我会说你选择评论中建议的 Steve

仅供记录:

  

Modals modal.js

     

不支持多种开放式模式

     

请确保不打开模态,而另一个模态仍然可见。一次显示多个模态需要自定义代码。

hidden.bs.modal
var $firstModal = $('#first-modal'),
    $secondModal = $('#second-modal'),
    $innerModalBtn = $firstModal.find('.btn-block');


$firstModal.on('hidden.bs.modal', function (e) {
  $secondModal.modal('show');
})

$innerModalBtn.on('click', function() {
  $firstModal.modal('hide');
})