小编Nav*_*Nav的帖子

无法将输入元素集中在jQuery UI对话框内的Bootstrap Popover中

我很难让这个工作起来.我有一个链接打开一个包含链接的jQuery UI对话框.这些链接打开一个包含输入字段的Bootstrap popover.由于某种原因,输入字段不可编辑.

请参阅:http://www.bootply.com/Z46ZXA133U

加价:

<div id="dialog">
  <a data-placement="bottom" data-toggle="popover" data-title="Login" data-container=".ui-front" type="button" data-html="true" href="#" id="login">Login</a>
</div>
<form id="popover-content" style="display:none">
  <input type="text" value="try changing me">
</form>
Run Code Online (Sandbox Code Playgroud)

脚本:

$( "#dialog" ).dialog({
    height: 300,
    width: 350,
    modal: true,
});
$("[data-toggle=popover]").popover({
    html: true, 
    content: function() {
        return $('#popover-content').html();
    }
});
Run Code Online (Sandbox Code Playgroud)

jquery-ui jquery-ui-dialog popover twitter-bootstrap

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