使用Bootstrap Dropdown - 通过Jquery聚焦输入

use*_*431 6 jquery twitter-bootstrap

我正在使用下面的代码,它是Bootstrap Framework的一部分.

我的目标是在点击<a>name</a>通过Jquery的点击/焦点功能时集中输入.我已经知道它data-toggle="dropdown"a链接中的属性使它不起作用.我不是很有经验.希望有人能帮到我!

<html>
<body>
<li class="dropdown">
<a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="#"><i class="icon-user"></i> name </a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li>
<form ...>                                      
<input type="text" id="4711" /> 
</form>
</li>
</ul>
</li>
</body>
</html>



<script>
$('#dLabel').click(function() {
  $('#4711').focus();
});
</script>
Run Code Online (Sandbox Code Playgroud)

A. *_*lff 5

您应该将代码放在文档就绪处理程序中:

{for bootstrap,你可以使用超时作为简单的解决方法}

看看演示

$(function () {
    $('#dLabel').click(function () {
        setTimeout(function(){$('#login').focus();},0);
    });
    $('.dropdown input[type=text]').click(function(e){
        e.stopPropagation();
    });
});
Run Code Online (Sandbox Code Playgroud)