نسخ رمز رمز على النحو التالي:
/*النص تلقائيًا Zhouxiang*/
(وظيفة ($) {
$. complting = جمع التبرعات (الإعداد) {
var opts = $ .extend ({} ، $ .completion.defaultsetting ، setting) ؛
//عرض
var completing_width = null ؛
//عالي
var completing_height = null ؛
// مسار الوصول إلى مصدر البيانات (ASHX)
var completing_data_url = null ؛
// هدف
var completing_obj = null ؛
var completing_obj_show = null ؛
// كائن المسافة اليسرى
var completing_obj_marginleft = null ؛
// مسافة الكائن من الجانب العلوي
var completing_obj_margintop = null ؛
// ارتفاع الكائن
var completion_obj_height = null ؛
//تصنيف
var completing_count = null ؛
//
var completing_type_obj = null ؛
//محتوى
var completing_value = null ؛
//يكتب
var completing_type = null ؛
// سواء تم تمرير النوع
var completing_book = false ؛
//عدد
var completion_n = 0 ؛
// أدخل مرة أخرى واتصل مرة أخرى
var confering_clickcall = null ؛
//حمولة
الدالة completing_loading () {
// التهيئة
init () ؛
// أحداث مضغوطة
complete_obj_addevent () ؛
}
// التهيئة
وظيفة init () {) {
complete_obj_show = opts.completion_obj_show ؛
// الحصول على كائن
complete_obj = Option_obj ؛
// احصل على عرض الكائن
complete_width = complete_obj.width () ؛
// الحصول على ارتفاع عرض الطبقة
completing_height = opts.completion_height ؛
// احصل على عنوان URL لقاعدة بيانات الوصول
complete_data_url = opts.completion_data_url ؛
// كم عدد السجلات التي تستفسر عنها في كل مرة
complete_count = Options.completion_count ؛
// احصل على ارتفاع الكائن
complete_obj_height = complete_obj.height () ؛
// احصل على المسافة اليسرى
complete_obj_marginleft = complete_obj.offset ().
// احصل على المسافة العليا
complete_obj_margintop = parseint (completion_obj.offset (). top) + parseint (completion_obj_height) ؛
complete_type_obj = Option_type_obj ؛
complete_bool = Option_bool ؛
complete_clickcall = Options.completion_ClickCall ؛
}
// إضافة أحداث إلى الكائن
الدالة completing_obj_addevent () {) {)
complete_obj.keyup (وظيفة (حدث) {
Switch (event.keycode) {
الحالة 38:
استراحة؛
الحالة 40:
استراحة؛
الحالة 13:
complete_clickcall () ؛
استراحة؛
تقصير:
// عملية تأخير الحدث الرئيسي
cimpletion_bind () ؛
استراحة؛
}
}) ؛
complete_obj.keydown (وظيفة (حدث) {
Switch (event.keycode) {
الحالة 13:
استراحة؛
الحالة 38:
if (expension_n == 0) {{
complete_n = (complete_obj_show.find ("li").
} آخر إذا (completing_n! = 0) {{
complete_n = complete_n -n ؛
}
// ALERT (completion_n) ؛
complete_obj_show.find ("li").
complete_obj_show.find ("li").
complete_obj.val (complete_obj_show.find ("li").
استراحة؛
الحالة 40:
if (complete_n + 1 <convers_obj_show.find ("li").
complete_n = complete_n + 1 ؛
} آخر إذا (completing_n + 1 == completion_obj_show.find ("li").
completion_n = 0 ؛
}
complete_obj_show.find ("li").
complete_obj.val (complete_obj_show.find ("li").
complete_obj_show.find ("li").
استراحة؛
تقصير:
استراحة؛
}
}) ؛
}
// طريقة الربط
دالة cimpleting_bind () {
// ما إذا كنت تفتح الحكم النوع
if (expension_bool) {
complete_type = complete_type_obj.val () ؛
}
complete_value = complete_obj.val () ؛
complete_value = complete_value.replace ("" ، "") ؛
// تنفيذ التحقق
completion_verification (completing_value) ؛
if (expension_value.length> 1) {{
// احصل على بنية البيانات HTML
complete_data_bind () ؛
} آخر {
complete_obj_show.hide () ؛
}
}
//يؤكد
دالة الانتهاء _verification (obj) {{
if (obj == "" "|| obj == null || obj == undefined) {
العودة كاذبة
}
}
// تنفيذ طلب AJAX للحصول على البيانات
الدالة completing_data_bind () {
$ .ajax ({{
عنوان URL: completing_data_url ،
البيانات: {expectionValue: completing_value ، expensioncount: completing_count ، expensiontype: completing_type} ،
النوع: "بعد" ،
نوع البيانات: "JSON" ،
النجاح: وظيفة (OBJ) {
// بناء html
complete_add_html (obj) ؛
}
}) ؛
}
// يختار
دالة الانتهاء _select (obj) {
complete_obj.val (obj.find ("ul"). text ()) ؛
complete_obj_show.hide () ؛
}
// محتوى البناء
الدالة completing_add_html (obj) {
var data = object_data ؛
// تنفيذ التحقق
completion_verification (data) ؛
var completing_li = "" ؛
if (data! = null && data! = غير محدد) {
لـ (var i = 0 ؛ i <data.length ؛ i ++) {
// ما إذا كان التحقق فارغًا
var dr = data [i] ؛
completion_verification (DR) ؛
var completionName = Dr. Cometing_Name ؛
completionName = completionName.replace (completion_value.touppercase () ، "<span class = 'c-hover'>" + completion_value.touppercase () + "</span>") ؛
complete_li + = "<li> <a href = 'javaScript: ؛'> <span class = 'c-total'> تقريبي" + dr.completion_count + "سجلات الإدخال </span> <ul> + completionName +" <"<" /ul> </a> </li> "" ؛
}
if (completing_li! = "") {{
var completing_html = "<ul style = 'list-style-type: none ؛'>" " + completion_li +" </ul> "" ؛
complete_obj_html (completing_html) ؛
} آخر {
complete_obj_show.hide () ؛
}
}
}
// الماوس
وظيفة mousehover (obj) {
complete_obj_show.find ("li").
complete_obj_show.find ("li").
complete_obj.val ($ (this) .find ("ul"). text ()) ؛
complete_n = complete_obj_show.find ("li").
}) ؛
}
// ربط التحكم
الدالة completing_obj_html (html) {
complete_obj_show.show () ؛
complete_obj_show.html ("")
expension_obj_show.css ({"width": complete_width + 6 ، "height": completing_height ، "width الحدود": "1px" ، "اللون الحدودي": "#ccc" ، "الحدود الحدودية" th ": "0px" ، "نمط الحدود": "Solid" ، "الموضع": "النسبية" ، "z-index": "100000"}) ؛
complete_obj_show.attr ("class" ، "completing-ciss-list") ؛
complete_obj_show.html (html) ؛
complete_n = -1 ؛
complete_obj_show.find ("li").
completion_selected ($ (this)) ؛
}) ؛
Mousehover ($ (هذا)) ؛
expension_obj_show.click (function (e) {
E.StopPropagation () ؛
})
expension_obj.click (function (e) {
cimpletion_bind () ؛
E.StopPropagation () ؛
}) ؛
$ (docume) .click (function () {
complete_obj_show.hide () ؛
}) ؛
}
//حمولة
complete_loading () ؛
} ؛
// التكوين الافتراضي
$ .completion.defaultsetting = {
expension_height: NULL ،
expension_data_url: null ،
Complete_obj: NULL ،
complete_obj_show: null ،
expension_bool: خطأ ،
Complete_count: 10 ،
complete_type_obj: NULL ،
complete_clickcall: null
} ؛
}) (jQuery) ؛
نسخ رمز رمز على النحو التالي:
جسم
{{
الهامش: 0 ؛
الحشو: 0 ؛
}
.CompleTion-Guess-List ul, li
{{
الهامش: 0 ؛
الحشو: 0 ؛
على غرار القائمة: لا شيء ؛
}
.CompleTion-guess-list
{{
الفائض: السيارات ؛
حجم الخط: 12 بكسل ؛
ارتفاع الخط: 180 ٪ ؛
الخلفية: #fff ؛
}
.CompleTion-Guess-List a
{{
اللون: #555 ؛
تدمير النص: لا شيء ؛
العرض: كتلة ؛
الحشو: 1px 6px ؛
الفائض: مخفي.
الفضاء الأبيض: Nowrap ؛
Font-Family: Verdana ، Arial ؛
}
.
. -list-list-list A: Hover ، .Completion-Grase-List
{{
الخلفية: #3399ff ؛
اللون: #fff ؛
}
.COMPLETION-GEASS-list A: Hover span.c-total ، .completion- list-list A.Completion-Grase-lover span.c-total {color: #fff ؛} ؛}
. completion-recess-list .c-hover {font-weight: 700 ؛}
نسخ رمز رمز على النحو التالي:
$. complting ({completeing_obj: $ ("#input_html") ، expension_data_url: "/completionHandler.ashx" ، completion_height: "auto" ، completion_obj_show: $ ( اكتب ") ، complete_clickcall: function () {Alert (1) ؛} ، complex_length: 0}) ؛