2016-05-27 10 views
0

Hy,Autocomplete IE & Firefox

Ich brauche wenig Hilfe. Ich benutze jquery Autocomplete und es funktioniert nur in Chrome. Jeder IE oder Firefox zeigt keine Liste an. hier ist mein Code:

$(function() { 

$("#project").autocomplete({ 
    minLength: 0, 
    source: "fetch.php", 
    focus: function(event, ui) { 
    $("#project").val(ui.item.label); 
    return false; 
    }, 
    select: function(event, ui) { 
    $("#project").val(ui.item.label); 
    $("#project-id").val(ui.item.value); 
    $("#project-description").html(ui.item.desc); 
    return false; 
    }, 
}) 
.autocomplete("instance")._renderItem = function(ul, item) { 
    return $("<li>") 
    .append("<a>" + item.label + "<br>" + item.desc + "</a>") 
    .appendTo(ul); 
}; 

});

Ich habe das #Project-Feld in einem Modal. Ist das das Problem? Ich suchte auf Stackoverflow, aber nichts hilft mir.

Danke!

+0

Was hast du schon versucht? Was sind Konsolen/Debugging-Ausgaben der betroffenen Browser? – Clijsters

+0

Könnten Sie die Konsolenausgabe von IE überprüfen (F12 öffnet Dev-Tools)? Vielleicht gibt es eine Fehlermeldung, die uns/Ihnen helfen würde. –

+0

ist es egal .. im Netzwerk zeigt es fetch.php? Term =. in Chrom das gleiche in ie. ohne irgendeinen Fehler. – joergi1988

Antwort

0

die stattdessen folgenden Versuchen:

$(function() { 
$("#project").autocomplete({ 
     minLength: 0, 
     source: "fetch.php", 
     focus: function(event, ui) { 
      $("#project").val(ui.item.label); 
      return false; 
     }, 
     select: function(event, ui) { 
      $("#project").val(ui.item.label); 
      $("#project-id").val(ui.item.value); 
      $("#project-description").html(ui.item.desc); 
      return false; 
     }, 
    }) 
    .data("ui-autocomplete")._renderItem = function(ul, item) { 
     return $("<li>") 
      .data("ui-autocomplete-item", item) 
      .append("<a>" + item.label + "<br>" + item.desc + "</a>") 
      .appendTo(ul); 
    }; 
}); 

Es ist wie die Griffe sieht haben in neueren Versionen von jQuery geändert: 1.9 & 1.10

Es sieht aus wie die Probe here verwendet wird, um die alten Griffe mit, dass funktionieren nicht mehr richtig!

+0

danke, aber es funktioniert nicht. Ist das, weil ich das in einem modalen habe? Auf Header habe ich eine Suchbox und es funktioniert nur in der Suchbox. in modal zeigt es nichts. – joergi1988

+0

@ joergi1988 Ich habe den obigen Code geändert. Versuch das. Wenn nicht, dann müssten wir uns mehr mit Modal beschäftigen, möglicherweise in Verbindung mit dem 'Z-Index'. –

Verwandte Themen