Cómo networkingirigir a otra página con jQuery Autocompletar elemento clic

Estoy perplejo con este, he estado en ello horas, tratando de get jQuery autocomplete para ir a otra página en el sitio cuando se hace clic en un elemento en la list de sugerencias.

Alguien sabe cómo hacer esto? Aquí está mi código:

$(':input[data-autocomplete]').autocomplete({ source: $(':input[data-autocomplete]').attr("data-autocomplete"), delay: 0, select: function (event, item) { //window.location.replace("http://www.example.com/Profile/Details/1");// Works but totally unacceptable, browser history lost etc.. //alert("Item Clicked"); //Fires Ok } }).data("autocomplete")._renderItem = function (ul, item) { var MyHtml = '<a id="ItemUrl" href="/Profile/Details/' + item.PartyId + '"' + ">" + "<div class='ac' >" + "<div class='ac_img_wrap' >" + '<img src="../../uploads/' + item.imageUrl + '.jpg"' + 'width="40" height="40" />' + "</div>" + "<div class='ac_mid' >" + "<div class='ac_name' >" + item.value + "</div>" + "<div class='ac_info' >" + item.info + " PartyId :" + item.PartyId + "</div>" + "</div>" + "</div>" + "</a>"; return $("<li></li>").data("item.autocomplete", item).append(MyHtml).appendTo(ul); }; 

Como puede ver, he usado HTML personalizado en el evento _renderItem , mi código HTML personalizado crea una label de anclaje con el ID _renderItem desde la fuente, esto se ve bien, el enlace está formado correctamente en la esquina inferior izquierda del browser (estoy usando Cromo)

 <a href='/Profile/Details/id' >some other divs & stuff</a> 

El problema es que cuando hago clic en el enlace no ocurre nada, he intentado utilizar el evento select pero el elemento es nulo, así que no puedo get item.PartyId para forzar un salto manual.

¿Cómo puedo hacer que funcione el evento click?

2 Solutions collect form web for “Cómo networkingirigir a otra página con jQuery Autocompletar elemento clic”

Puede ser tarde para responderlo, pero lo he hecho con el siguiente código:

 $(document).ready(function() { $('#txtSearch').autocomplete({ minLength: 3, source: "handlers/SearchAutoComplete.ashx?loc=" + $('#hfLocation').val(), select: function(event, ui) { doSearch(ui.item.label, ui.item.city); } }); }); function doSearch(term, location) { window.location.href = 'Search.aspx?q=' + term + '&loc=' + location; } 

Después de unos días de golpes de cabeza (no moshing kind), he encontrado lo siguiente:

 $(':input[data-autocomplete]').autocomplete({ source: $(':input[data-autocomplete]').attr("data-autocomplete"), delay: 0, select: function (event, ui) { var q = ui.item.PartyId; if (q != "") { $('#hidPID').val(q); $('#ac_submit').trigger('click'); } }).data("autocomplete")._renderItem // -->>> the rest of the code same as above 

El problema era (evento, artículo) debería haber sido (evento, ui) y para get el valor del artículo que usas ui.item.PartyId (en mi caso PartyId está declarado en el código fuente: arriba)

Así que en mi formulario original tenía dos inputs html 1-ID oculto, 2-Enviar y como se puede ver en la function seleccionar: anterior, configuro la ID y desencadené el envío (por lo que ahora el usuario solo elige un elemento y se lo quitan) al controller que realiza RedirectToView & NOT este código, ya que no parece correcto usar la location en esta instancia)

Espero que esto ahorre algo de time a alguien ya que los documentos de autocompletado de jQuery no lo dejan muy claro.

  • Cómo vincular evento de pulsación de tecla en jquery autocomplete?
  • cómo cerrar el menu desplegable Autocompletar con el button si está abierto
  • Jquery autocompleta en evento seleccionado
  • Relocation de jQuery UI Autocompletar en el tamaño del browser
  • JQuery autocompleta cómo escribir la label en la input de text de autocomplete?
  • evento de pulsación de tecla en autocomplete jquery ui
  • ¿Cómo publicar el valor de autocomplete en lugar de text?
  • jQuery UI autocomplete con el elemento y la identificación
  • Autocompletar jQuery - Problema IE8 - esta pestaña ha sido recuperada
  • Autocompletar requiere que haga clic dos veces en iOS después de actualizar a 1.11.0
  • Comprender e implementar jQuery autocomplete con AJAX source y appendTo
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.