Copiar código del código de la siguiente manera:
/*Texto complete automáticamente Zhouxiang*/
(Función ($) {
$ .Complting = fondidration (setting) {
var opts = $ .extend ({}, $ .completion.defaultSetting, configuración);
//ancho
var completing_width = null;
//alto
var completing_height = null;
// ruta de acceso de fuente de datos (ashx)
var completing_data_url = null;
// objeto
var completing_obj = null;
var completing_obj_show = null;
// Distancia del objeto Distancia izquierda
var completing_obj_marginleft = null;
// Distancia del objeto desde la parte superior
var completing_obj_margintop = null;
// Altura del objeto
var finalización_obj_height = null;
//Clasificación
var completing_count = null;
//
var completing_type_obj = null;
//contenido
var completing_value = null;
//tipo
var completing_type = null;
// si pasar el tipo
var completing_book = false;
//contar
var finalización_n = 0;
// ingresa y vuelve a llamar
var completing_clickcall = null;
//carga
Función completar_loading () {
// Inicialización
Init ();
// eventos vinculados
Complete_obj_addevent ();
}
// Inicialización
función init () {) {
Complete_obj_show = opts.completion_obj_show;
// obtener objeto
Complete_obj = option_obj;
// Obtener el ancho del objeto
Complete_width = completo_obj.width ();
// Obtener la altura de la pantalla de la capa
Completar_height = opts.completion_height;
// Obtener URL de base de datos de acceso
Complete_data_url = opts.completion_data_url;
// ¿Cuántos registros consultas cada vez?
Complete_count = options.completion_count;
// Obtener la altura del objeto
Complete_obj_height = completo_obj.height ();
// Obtén la distancia a la izquierda
Complete_obj_Marginleft = Complete_obj.offset ().
// Obtener la distancia superior
Complete_obj_margintop = parseInt (finalización_obj.offset (). Top) + parseInt (finalización_obj_height);
Complete_type_obj = opcion_type_obj;
Complete_bool = option_bool;
Complete_ClickCall = Options.completion_clickcall;
}
// Agregar eventos al objeto
FUNCIÓN STORTING_OBJ_ADDEVENT () {) {)
Complete_obj.keyup (función (evento) {
Switch (Event.KeyCode) {
Caso 38:
Romper;
Caso 40:
Romper;
Caso 13:
Complete_clickcall ();
Romper;
POR DEFECTO:
// operación de retraso del evento clave
Cimpletion_bind ();
Romper;
}
});
Complete_obj.keydown (función (evento) {
Switch (Event.KeyCode) {
Caso 13:
Romper;
Caso 38:
if (finaltion_n == 0) {{
Complete_n = (complete_obj_show.find ("li").
} else if (complete_n! = 0) {{
Complete_n = completo_n -n;
}
// alerta (finalización_n);
Complete_obj_show.find ("li").
Complete_obj_show.find ("li").
Complete_obj.val (completo_obj_show.find ("li"). Eq (finaltion_n) .find ("ul"). Text ());
Romper;
Caso 40:
if (completo_n + 1 <compling_obj_show.find ("li").
Complete_n = completo_n + 1;
} Else if (completar_n + 1 == finalización_obj_show.find ("li").
Finalización_n = 0;
}
Complete_obj_show.find ("li").
Complete_obj.val (completo_obj_show.find ("li"). Eq (finaltion_n) .find ("ul"). Text ());
Complete_obj_show.find ("li").
Romper;
POR DEFECTO:
Romper;
}
});
}
// Método de enlace
función cimpleting_bind () {
// si abrir el juicio de tipo
if (finalion_bool) {
Complete_Type = Complete_Type_obj.val ();
}
Complete_value = completo_obj.val ();
Complete_value = completo_value.replace ("", "");
// ejecutar verificación
Finalation_verification (completar_value);
if (finalion_value.length> 1) {{
// Obtener la estructura de datos HTML
Complete_data_bind ();
} Demás {
Complete_obj_show.hide ();
}
}
//verificar
Función finalización_verificación (obj) {{
if (obj == "" "|| obj == null || obj == Undefined) {
Devolver falso;
}
}
// Ejecutar la solicitud AJAX para obtener los datos
Función completar_data_bind () {
$ .AJAX ({{
URL: completar_data_url,
Datos: {FinalationValue: completar_value, completarCount: completar_count, completarType: completar_type},
Tipo: "Publicar",
Tipo de datos: "JSON",
Éxito: function (obj) {
// construir html
Complete_add_html (obj);
}
});
}
// Seleccionar
Función completar_select (obj) {
Complete_obj.val (obj.find ("ul"). Text ());
Complete_obj_show.hide ();
}
// Contenido de construcción
Función completar_add_html (obj) {
var data = object_data;
// ejecutar verificación
Finalation_verification (datos);
var completing_li = "";
if (data! = null && data! = Undefined) {
for (var i = 0; i <data.length; i ++) {
// Si la verificación está vacía
Var dr = data [i];
Finalion_verification (DR);
var finalationName = Dr. cometing_name;
FinalationName = finalationName.replace (finalización_value.touppercase (), "<span class = 'c-hover'>" + finalion_value.touppercase () + "</span>");
Complete_li + = "<li> <a href = 'javascript:;'> <span class = 'c-total'> aproximado" + dr.comppletion_count + "registros de entrada </span> <ul> + finalización +" <" /ul> </a> </li> "";
}
if (completar_li! = "") {{
var completing_html = "<ul style = 'list-style-type: none;'>" " + finaltion_li +" </ul> "";
Complete_obj_html (completar_html);
} Demás {
Complete_obj_show.hide ();
}
}
}
// RATÓN
Function mousehover (obj) {
Complete_obj_show.find ("li").
Complete_obj_show.find ("li").
Complete_obj.val ($ (this) .find ("ul"). Text ());
Complete_n = completo_obj_show.find ("li").
});
}
// se une al control
Función completar_obj_html (html) {
Complete_obj_show.show ();
Complete_obj_show.html ("")
Finalion_obj_show.css ({"ancho": completo_width + 6, "altura": complete_height, "border-width": "1px", "border-color": "#ccc", "border-top-wid" th ": "0px", "estilo borde": "sólido", "posición": "relativo", "z-index": "100000"});
Complete_obj_show.attr ("clase", "completar la lista de Guess");
Complete_obj_show.html (html);
Complete_n = -1;
Complete_obj_show.find ("li").
Finalion_selected ($ (this));
});
MouseHover ($ (esto));
Finalización_obj_show.click (function (e) {
E.stoppropagation ();
})
Finalion_obj.click (function (e) {
Cimpletion_bind ();
E.StopPropagation ();
});
$ (Docume) .Click (function () {
Complete_obj_show.hide ();
});
}
//carga
Completo_loading ();
};
// Configuración predeterminada
$ .Completion.defaultSetting = {
Finalización_height: nulo,
Finalización_data_url: nulo,
Complete_obj: nulo,
Complete_obj_show: nulo,
Finalion_bool: falso,
Complete_Count: 10,
Complete_type_obj: nulo,
Complete_ClickCall: NULL
};
}) (jQuery);
Copiar código del código de la siguiente manera:
cuerpo
{{
margen: 0;
relleno: 0;
}
.Completion-Guess-List UL, Li
{{
margen: 0;
relleno: 0;
Estilo de lista: Ninguno;
}
.
{{
desbordamiento: auto;
tamaño de fuente: 12px;
Alganche de línea: 180%;
Antecedentes: #fff;
}
.Completion-Guess-List A
{{
Color: #555;
Decoración de texto: ninguna;
Pantalla: bloque;
relleno: 1px 6px;
desbordamiento: oculto;
White-Space: Nowrap;
Font-Family: Verdana, Arial;
}
.Completion-Guess-List a .c-total {float: right;
.Completion-Guess-List A: Hover,.
{{
Antecedentes: #3399ff;
Color: #fff;
}
.Completion-Guess-List A: Hover Span.C-Total, .Completion- Guess-List A.Completion-Guess-Lover Span.C-Total {Color: #fff;};}
.Completion-Guess-List .C-Hover {Font-Weight: 700;}
Copiar código del código de la siguiente manera:
$ .Complting ({completar_obj: $ ("#input_html"), finalización_data_url: "/completionHandler.ashx", finalización_height: "automática", finalion_obj_show: $ ("#show"), finalion_bool: true, completando_type_obj: $ ("#("#("#("#("#("#("#("#("#("#("#("#("#(" Type "), complete_clickcall: function () {alert (1);}, complej_length: 0});