/ / Eine Funktion auf Klick auslösen - Javascript, jquery, jquery-ui, jquery-plugins, javascript-events

Eine Funktion auf Klick auslösen - javascript, jquery, jquery-ui, jquery-plugins, javascript-events

Ich habe die unten gezeigte Funktion addBanner (), die jedes Mal aufgerufen wird, wenn ich auf die Schaltfläche addBanner klicke. Dies fügt ein Eingabefeld hinzu und löst das aus ausu Auto-Suggestion-JQuery-Skript.

Wenn ich auf die Schaltfläche addBanner () klicke, erhalte ich eine EingabeFeld und Auto-Vorschlag funktioniert gut. Angenommen, ich klicke erneut auf die Schaltfläche addBanner (), um ein weiteres leeres Eingabefeld hinzuzufügen, und der automatische Vorschlag funktioniert auch für dieses Feld, da die automatische Vorschlagsfunktion jedes Mal ausgelöst wird, wenn ich auf die Funktion addBanner klicke. Aber, wenn ich das 1. Eingabefeld bearbeiten möchte, das ich dort hinzugefügt hatte, ist Konflikt. Erklären Sie mir bitte, wie man die Steuerung zum 1. Eingabefeld zurückbringt.

var bnrc = 1;
var bnrl = 5;
function addBanner(divName){
if (bnrc == bnrl)  {
alert("You have reached the limit of adding " + bnrc + " Banner companies.");
}
else {
var newdiv = document.createElement("div");
newdiv.className = "banner_sugg";
newdiv.innerHTML = (bnrc + 1) + ". <input type="text" value="" name="banner[]" id="banner" + (bnrc + 1) + "" autocomplete="off" /> <input type="hidden" value="" name="bannerID[]" id="bannerID" + (bnrc + 1) + "" autocomplete="off" />";
document.getElementById(divName).appendChild(newdiv);
bnrc++;
}

$.fn.autosugguest({
className: "banner_sugg",
methodType: "POST",
minChars: 1,
rtnIDs: true,
dataFile: "e_data.php"
});
}

Antworten:

0 für die Antwort № 1

Hast du absichtlich falsch geschrieben? Ich schreibe es richtig unten, so dass Sie es möglicherweise ändern müssen.

Sie rufen derzeit jedes Mal $ .fn.autosuggest ({}) auf, wenn Sie ein neues Element hinzufügen, wodurch die vorherigen Elemente möglicherweise beschädigt werden.

Versuchen:

$(newDiv).autosuggest({})

Es fügt dem neuen div also nur Autosuggest-Funktionalität hinzu. Und Sie sollten den obigen Code in den Abschnitt verschieben, in dem Sie das newDiv erstellen, da es sogar bei einem Fehler aufgerufen wird.