2017-05-12 2 views
0

lorsque la souris qololbl clique à ce moment-là, la fonction de saisie semi-automatique fonctionne parfaitement mais comment initialiser cette fonction sur un document prêt sans qololbl click.comment initialiser ma fonction sur document prêt en utilisant trigger etc ..?

j'ai essayé de mettre ce code dans le document prêt $ («qololbl »). Cliquez sur() à ce moment-là la fonction de clic travail mais saisie semi-automatique ne fonctionne pas alors comment initialiser cette fonction, cliquez qololbl sur le document prêt

$(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(); 

    }); 

merci d'avance.

aide-moi

+1

Avez-vous essayé $ (". Qololbl"). Trigger ('click') sur document.ready? –

+1

@KhanjanBhatt Merci déclencheur de travail Pour moi –

Répondre

1

Vous pouvez caisse une fonction distincte pour l'événement de clic, et vous pouvez appeler et utiliser aussi pour écouteur d'événement.

$(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 devraient également fonctionner, en êtes-vous une erreur lorsque vous l'utilisez?

+1

Merci pour la réponse, mais quand j'essaie de déclencher Cliquez sur ce déclencheur de temps de travail pour moi. Je vous remercie –

1

Voulez-vous dire:

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

}) 
+1

pas sur le clic sans aucun clic intialize toute cette fonction. Merci pour la réponse –