小编sid*_*riz的帖子

无法将输入集中在qtip内部的bootstrap模态中

我在bootstrap模式中有一个按钮,通过qtip2显示工具提示.工具提示内部是一个输入元素.当模态打开时,我无法获得焦点输入.

这是我的插件:http://plnkr.co/edit/dByd0u?p = preview

HTML:

<button data-toggle="modal" data-target="#MyModal">Modal</button>

  <div id="qtip-content" style="display:none;">
    <input type="text" />
  </div>

  <div class="modal fade" id="MyModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
          <div class="modal-header">
              <h2 class="modal-title" id="myModalLabel">Bootstrap Modal</h2>
          </div>
          <div class="modal-body" ng-init="modalLoad = true">
            <button qtip="">Show qtip</button>
          </div>
          <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" class="btn btn-primary">Save changes</button>
          </div>
      </div>
    </div>  
</div>
Run Code Online (Sandbox Code Playgroud)

html angularjs qtip2 angular-ui-bootstrap

1
推荐指数
1
解决办法
945
查看次数

标签 统计

angular-ui-bootstrap ×1

angularjs ×1

html ×1

qtip2 ×1