如何使用触发器等在文档就绪时初始化我的函数？

Question

当 qololbl 鼠标点击时，自动完成功能完美运行，但如何在没有 qololbl 点击的情况下在文档准备好时初始化此功能。

我试图将此代码放入文件就绪 $('.qololbl').click() 中，当时单击功能正常但自动完成功能不起作用，因此如何在文件就绪时初始化此 qololbl 单击功能

$(document).ready(function (e) {    

        $(".qololbl").click(function(){
                var garshunivalue = 0;          
                if($('#True').val() == "true")
                {               
                    if($('#defaultgarshuniid').val() > 0)
                    {
                        garshunivalue = $('#defaultgarshuniid').val();
                    }
                }
                $("#qoloname").autocomplete({
                    source: LiveUrl + "/api/Qolo/QoloList?garshunivalue="+garshunivalue,
                    select: function (event, ui) {                  
                        $("#qoloname").val(ui.item.Qolo_Name);                          

                       var searchtype1;
                       if(typeof $('input[name=radio-choice-t-6]:checked').val() == "undefined")
                       {
                           searchtype1 = 'qolo';
                       }
                       else
                       {
                           searchtype1 = $('input[name=radio-choice-t-6]:checked').val();
                       }
                        window.location.href = "index.html?term="+ui.item.Qolo_Name+ "&type=" + searchtype1;                
                    },

                    minLength: 0,
                    close: function(){
                        $(this).blur();
                    }}).focus(function(event, ui){
                        $(this).autocomplete("#stanza", "");
                    }); 

                $.ui.autocomplete.prototype._renderItem = function (ul, item) {

                    var re = new RegExp($.trim(this.term.toLowerCase()));
                    var qoloname = item.Qolo_Name.replace(re, "<span style='font-weight:600;color:#5C5C5C;'>" + $.trim(this.term.toLowerCase()) + "</span>");
                    var garshuniname = item.Garshuni_Name.replace(re, "<span style='font-weight:600;color:#5C5C5C;'>" + $.trim(this.term.toLowerCase()) + "</span>");
                        return $("<li></li>")
                            .data("item.autocomplete", item)
                            .append("<a>"+ "<div style='float:right;'>" + qoloname + "</div>" +"<div style='float:left;'>" + garshuniname + "</div>" + "</a>")
                            .appendTo(ul);
                };          
            });

            $('.qololbl').click();

    });

提前致谢。

帮助我

Answer 1

你是说：

     $(".qololbl").on('click', function(){

})

Answer 2

您可以为点击事件创建一个单独的函数，然后您可以调用它，也可以将它用于事件侦听器。

 $(document).ready(function(e) {
  function initAutocomplete {
    var garshunivalue = 0;
    if ($('#True').val() == "true") {
      if ($('#defaultgarshuniid').val() > 0) {
        garshunivalue = $('#defaultgarshuniid').val();
      }
    }
    $("#qoloname").autocomplete({
      source: LiveUrl + "/api/Qolo/QoloList?garshunivalue=" + garshunivalue,
      select: function(event, ui) {
        $("#qoloname").val(ui.item.Qolo_Name);

        var searchtype1;
        if (typeof $('input[name=radio-choice-t-6]:checked').val() == "undefined") {
          searchtype1 = 'qolo';
        } else {
          searchtype1 = $('input[name=radio-choice-t-6]:checked').val();
        }
        window.location.href = "index.html?term=" + ui.item.Qolo_Name + "&type=" + searchtype1;
      },

      minLength: 0,
      close: function() {
        $(this).blur();
      }
    }).focus(function(event, ui) {
      $(this).autocomplete("#stanza", "");
    });

    $.ui.autocomplete.prototype._renderItem = function(ul, item) {

      var re = new RegExp($.trim(this.term.toLowerCase()));
      var qoloname = item.Qolo_Name.replace(re, "<span style='font-weight:600;color:#5C5C5C;'>" + $.trim(this.term.toLowerCase()) + "</span>");
      var garshuniname = item.Garshuni_Name.replace(re, "<span style='font-weight:600;color:#5C5C5C;'>" + $.trim(this.term.toLowerCase()) + "</span>");
      return $("<li></li>")
        .data("item.autocomplete", item)
        .append("<a>" + "<div style='float:right;'>" + qoloname + "</div>" + "<div style='float:left;'>" + garshuniname + "</div>" + "</a>")
        .appendTo(ul);
    };
  }

  $(".qololbl").click(initAutocomplete);
  initAutocomplete();
  //should also work
  //$(".qololbl").trigger('click)

});

jQuery trigger 应该也能用，你用的时候有没有报错？

如何使用触发器等在文档就绪时初始化我的函数？

how to initialize my function on document ready using trigger etc..?

javascript

jquery

autocomplete

document-ready