【问题标题】:Modal inside an inactive tab on Twitter BootstrapTwitter Bootstrap 上非活动选项卡内的模态
【发布时间】:2015-08-28 11:25:56
【问题描述】:

我的应用的简化结构如下所示:

  • 标签 1
    • 模态
    • 按钮
  • 标签 2
    • 图表

该按钮打开一个模式,该部分工作正常。我需要补充的是,当用户在图表上放置一个元素时,应该显示相同的模式。但是由于当时tab1没有激活,所以modal是不可见的。

有没有办法在不激活包含它的选项卡的情况下显示模式?

编辑:我不能将模态框移到选项卡之外,因为它是一个相当复杂的结构,是动态生成的,每个选项卡都作为列表、按钮、模态框和其他东西的“包”出现。 .

【问题讨论】:

  • 嗨!我面临同样的问题。你是怎么解决这个问题的?

标签: javascript jquery twitter-bootstrap tabs modal-dialog


【解决方案1】:

bootstrap api 中说您可以使用以下内容显示模式:

$('#myModal').modal('show')                // initializes and invokes show immediately

【讨论】:

  • 这在我在tab1时有效,但是当我在tab2时,显示模式无效,因为它的容器是不可见的。
  • 所以,你可以移动你喜欢的标签 $('#myTab a[href="#profile"]').tab('show') // 按名称选择标签,然后显示模态的。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-04-10
相关资源
最近更新 更多