Question

我正在使用选择的jquery版本0.9.14.我的问题是所选择的jquery不支持焦点事件。虽然我提到了几个例子但是没有帮助。请有人帮帮我。我使用的代码如下：

    $('#proof_chzn').on('focus', function(e){
    var jobid=$('#id').val(); 
    if(jobid != ' ')
      {
          $("#proof").empty();
 jQuery.ajax({ 
      type: "post", 
      url:  "dynamicversion.php", 
      data: { id:jobid, flag:"refresh" }, 
      success: function(response)
      { 
                jQuery('#proof').append(response); 
              } 
        }); 
      }
     });

下拉列表的HTML代码：

 <div id="proof_chzn" class="chzn-container chzn-container-single" 
 style="width:   285px;" title=""><a tabindex="-1" class="chzn-single"  
 href="javascript:void(0)"><span>New Revision</span><div><b></b></div></a>
 <div class="chzn-drop"><div class="chzn-search"><input type="text"   
 autocomplete="off">  
 </div><ul class="chzn-results"><li style="" class="active-result result-selected"  
 id="proof_chzn_o_0">New Revision</li></ul></div></div>

Answer 1

你可以试试这个：

$(function() {
 $('#proof_chzn').trigger('chosen:activate');
});

Answer 2

我一直在搜索StackOverflow，以便在我的一个项目中使用此解决方案。经过大量的搜索后，我学到了一些东西但没有得到适当的解决方案。最后我解决了我的问题如下：

我正在使用"jquery-1.10.2.min.js"和"Chosen v1.0.0"。在我的代码中，我有<select id="sel_product">和jquery $("#sel_product").chosen()。用于添加焦点我在元素的ID之后添加了'_chosen'并调用以下函数：

$('#sel_product_chosen a.chosen-single').focus(function(){
    // rest of the code goes here
});

现在它完美无缺。

Answer 3

从所选的doco：

chosen:showing_dropdown-在选择的下拉菜单打开时触发。
chosen:hiding_dropdown - 时所选择的下拉关闭触发。
chosen:no_results-在搜索未返回匹配结果时触发。

因此，为获得焦点，您可以：

$(".selector").on("chosen:showing_dropdown", () => $(someTarget).trigger("focus"));

Answer 4

AJAX =异步JavaScript和XML

由于您使用的是ajax，因此您可以将成功部分更改为：

成功：功能（响应）
        {
            回调（响应）;
        }
  }）;

您需要回调才能使jQuery正常运行，例如：

功能测试（）{
      testfunction（功能（响应））
    {
      jQuery的（ '＃证明'）附加（响应）;
    }
    }

焦点事件不适用于选择的jquery

4 个答案: