Chrome中的jQuery Dropkick:下拉菜单不会自动关闭

Question

图片说1000字:http://d.pr/ZeBI

基本上在大多数其他浏览器中,当关注dropkick菜单时,它会关闭.或者在选择另一个dropkick菜单时,上一个/另一个打开菜单的自动关闭.

但是在Chrome中,这不会发生.您可以打开它们并关闭它们,您必须选择一些内容或再次单击它.

有任何想法吗？

谢谢!

Answer 1

我,改变它所在的代码:

  // Focus events
      $dk.bind('focus.dropkick', function (e) {
        $dk.addClass('dk_focus');
      }).bind('blur.dropkick', function (e) {
        $dk.removeClass('dk_open dk_focus');
      });

放:

if($.browser.webkit) {

      $('html').click(function() {
          $dk.removeClass('dk_open dk_focus');

    });
      $dk.click(function(event){
          $dk.addClass('dk_focus');

      });


  }else{

      // Focus events
      $dk.live('focus', function() {
          $dk.addClass('dk_focus');
      }).live('blur', function() {
           $dk.removeClass('dk_open dk_focus');
      });
  }

它会工作正常.

Answer 2

我有同样的问题,我的一个朋友发现,如果你将"tabindex"属性添加到"select"标签,dropkick就会表现得很好.

这不起作用:

<select name="test">
<option val="1">a</option>
</select>

这将有效:

<select name="test" tabindex="1">
<option val="1">a</option>
</select>