6

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>
4

3 に答える 3

0

回避策は、要素の代わりに for 属性を持つ label 要素を使用することです。

...
  <li class="dropdown">
    <label for="4711" class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown">
    <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>
...
于 2014-03-31T16:46:27.877 に答える