คัดลอกรหัสรหัสดังนี้:
/*ข้อความเติมโดยอัตโนมัติใน Zhouxiang*/
(ฟังก์ชั่น ($) {
$ .complting = Fundration (การตั้งค่า) {
var opts = $ .extend ({}, $. completion.defaultetting, การตั้งค่า);
//ความกว้าง
var prective_width = null;
//สูง
var prective_height = null;
// แหล่งข้อมูลข้อมูล (ASHX)
var prective_data_url = null;
// วัตถุ
var prective_obj = null;
var prective_obj_show = null;
// ระยะทางวัตถุระยะทางซ้าย
var prective_obj_marginleft = null;
// ระยะทางวัตถุจากด้านบน
var prective_obj_margintop = null;
// ความสูงของวัตถุ
var prective_obj_height = null;
// การจำแนกประเภท
var prective_count = null;
-
var precthing_type_obj = null;
//เนื้อหา
var prective_value = null;
//พิมพ์
var prective_type = null;
// ว่าจะผ่านประเภทหรือไม่
var prective_book = false;
//นับ
var prective_n = 0;
// ป้อนกลับและโทรกลับ
var prective_clickcall = null;
// โหลด
ฟังก์ชั่นเสร็จสมบูรณ์ _loading () {
// การเริ่มต้น
init ();
// เหตุการณ์ binded
สมบูรณ์ _obj_addevent ();
-
// การเริ่มต้น
ฟังก์ชั่น init () {) {
สมบูรณ์ _obj_show = opts.completion_obj_show;
// รับวัตถุ
สมบูรณ์ _obj = optive_obj;
// รับความกว้างของวัตถุ
สมบูรณ์ _width = prectiple_obj.width ();
// รับความสูงของการแสดงเลเยอร์
เสร็จสิ้น _Height = opts.completion_height;
// รับ URL ฐานข้อมูลการเข้าถึง
Complete_data_url = opts.completion_data_url;
// คุณสอบถามกี่บันทึกในแต่ละครั้ง
Complete_count = opotions.completion_count;
// รับความสูงของวัตถุ
สมบูรณ์ _OBJ_HEIGHT = PORCITE_OBJ.HEIGHT ();
// รับระยะทางซ้าย
สมบูรณ์ _OBJ_MARGINLEFT = PORCITE_OBJ.OffSet ()
// รับระยะบน
prectiple_obj_margintop = parseint (parsion_obj.offset (). ด้านบน) + parseint (เสร็จสมบูรณ์ _obj_height);
Complete_type_obj = option_type_obj;
สมบูรณ์ _bool = optive_bool;
Complete_clickcall = opotions.completion_clickcall;
-
// เพิ่มเหตุการณ์ในวัตถุ
ฟังก์ชั่นเสร็จสมบูรณ์ _obj_addevent () {) {)
Complete_obj.keyup (ฟังก์ชั่น (เหตุการณ์) {
switch (event.keycode) {
กรณีที่ 38:
หยุดพัก;
กรณีที่ 40:
หยุดพัก;
กรณีที่ 13:
สมบูรณ์ _clickcall ();
หยุดพัก;
ค่าเริ่มต้น:
// การดำเนินการล่าช้าเหตุการณ์สำคัญ
cimpletion_bind ();
หยุดพัก;
-
-
Complete_obj.keydown (ฟังก์ชั่น (เหตุการณ์) {
switch (event.keycode) {
กรณีที่ 13:
หยุดพัก;
กรณีที่ 38:
if (เสร็จสมบูรณ์ _n == 0) {{
สมบูรณ์ _n = (Complete_obj_show.find ("li")
} อื่นถ้า (เสร็จสิ้น _n! = 0) {{
เสร็จสมบูรณ์ _n = complete_n -n;
-
// Alert (เสร็จสิ้น _n);
PORCITE_OBJ_SHOW.Find ("LI")
PORCITE_OBJ_SHOW.Find ("Li")
สมบูรณ์ _obj.val (Complete_obj_show.find ("li"). eq (เสร็จสมบูรณ์ _n) .find ("ul"). text ());
หยุดพัก;
กรณีที่ 40:
ถ้า (Complete_n + 1 <cold_obj_show.find ("li")
เสร็จสมบูรณ์ _n = สมบูรณ์ _n + 1;
} อื่นถ้า (เสร็จสิ้น _n + 1 == prective_obj_show.find ("li")
เสร็จสิ้น _n = 0;
-
PORCITE_OBJ_SHOW.Find ("LI")
สมบูรณ์ _obj.val (Complete_obj_show.find ("li"). eq (เสร็จสมบูรณ์ _n) .find ("ul"). text ());
PORCITE_OBJ_SHOW.Find ("Li")
หยุดพัก;
ค่าเริ่มต้น:
หยุดพัก;
-
-
-
// วิธีการผูกมัด
ฟังก์ชั่น cimpleting_bind () {
// ว่าจะเปิดการตัดสินประเภท
ถ้า (เสร็จสิ้น _bool) {
สมบูรณ์ _Type = precess_type_obj.val ();
-
สมบูรณ์ _value = precess_obj.val ();
สมบูรณ์ _value = precess_value.replace ("", "");
// ดำเนินการตรวจสอบ
เสร็จสิ้น _verification (เสร็จสิ้น _value);
if (เสร็จสิ้น _value.length> 1) {{
// รับโครงสร้างข้อมูล html
สมบูรณ์ _data_bind ();
} อื่น {
สมบูรณ์ _obj_show.hide ();
-
-
//ตรวจสอบ
ฟังก์ชั่นเสร็จสมบูรณ์ _verification (obj) {{
if (obj == "" "|| obj == null || obj == undefined) {
กลับเท็จ;
-
-
// ดำเนินการคำขอ AJAX เพื่อรับข้อมูล
ฟังก์ชั่นเสร็จสมบูรณ์ _data_bind () {
$ .ajax ({{
URL: เสร็จสิ้น _data_url
ข้อมูล: {COMPLIENVALUE: เสร็จสิ้น _VALUE, เสร็จสมบูรณ์ count: เสร็จสิ้น _Count, เสร็จสิ้น ณ : เสร็จสิ้น _type},
ประเภท: "โพสต์",
ข้อมูล: "JSON",
ความสำเร็จ: ฟังก์ชั่น (obj) {
// สร้าง html
สมบูรณ์ _add_html (obj);
-
-
-
// เลือก
ฟังก์ชั่นเสร็จสมบูรณ์ _select (obj) {
prectiple_obj.val (obj.find ("ul"). text ());
สมบูรณ์ _obj_show.hide ();
-
// เนื้อหาการก่อสร้าง
ฟังก์ชั่นเสร็จสมบูรณ์ _add_html (obj) {
var data = object_data;
// ดำเนินการตรวจสอบ
เสร็จสิ้น _Verification (ข้อมูล);
var prective_li = "";
if (data! = null && data! = undefined) {
สำหรับ (var i = 0; i <data.length; i ++) {
// ไม่ว่าการตรวจสอบจะว่างเปล่า
var dr = data [i];
เสร็จสิ้น _Verification (DR);
var actipionName = Dr. COMETING_NAME;
เสร็จสิ้น name = prectiveName.replace (เสร็จสมบูรณ์ _value.touppercase (), "<span class = 'c-hover'>" + prective_value.touppercase () + "</span>");
Complete_li + = "<li> <a href = 'JavaScript:;'> <span class = 'c-total'> โดยประมาณ" + dr.completion_count + "บันทึกรายการ </span> /ul> </a> </li> "";
-
ถ้า (เสร็จสิ้น _li! = "") {{
var prective_html = "<ul style = 'list-style-type: none;'>" " + prective_li +" </ul> "";
สมบูรณ์ _obj_html (เสร็จสิ้น _html);
} อื่น {
สมบูรณ์ _obj_show.hide ();
-
-
-
// หนู
ฟังก์ชั่น mousehover (obj) {
prectiple_obj_show.find ("li")
PORCITE_OBJ_SHOW.Find ("LI")
prectiple_obj.val ($ (นี่) .find ("ul"). text ());
สมบูรณ์ _n = precess_obj_show.find ("li")
-
-
// ผูกเข้ากับการควบคุม
ฟังก์ชั่นเสร็จสมบูรณ์ _obj_html (html) {
สมบูรณ์ _obj_show.show ();
prectiple_obj_show.html ("")
เสร็จสมบูรณ์ _obj_show.css ({"width": สมบูรณ์ _width + 6, "ความสูง": เสร็จสิ้น _height, "ความกว้างของชายแดน": "1px", "สีชายแดน": "#ccc", "0px", "สไตล์ชายแดน": "ของแข็ง", "ตำแหน่ง": "ญาติ", "z-index": "100000"});
สมบูรณ์ _obj_show.attr ("คลาส", "เสร็จสิ้น-ลิสต์");
สมบูรณ์ _obj_show.html (html);
สมบูรณ์ _n = -1;
PORCITE_OBJ_SHOW.Find ("Li")
เสร็จสิ้น _Selected ($ (นี่));
-
Mousehover ($ (นี้));
เสร็จสิ้น _obj_show.click (ฟังก์ชั่น (e) {
E.StopPropagation ();
-
เสร็จสิ้น _obj.click (ฟังก์ชั่น (e) {
cimpletion_bind ();
E.StopPropagation ();
-
$ (docume) .click (function () {
สมบูรณ์ _obj_show.hide ();
-
-
// โหลด
สมบูรณ์ _loading ();
-
// การกำหนดค่าเริ่มต้น
$ .completion.defaulttetting = {
เสร็จสิ้น _Height: null,
เสร็จสิ้น _data_url: null,
สมบูรณ์ _obj: null,
สมบูรณ์ _obj_show: null,
เสร็จสิ้น _bool: เท็จ
สมบูรณ์ _count: 10,
สมบูรณ์ _type_obj: null,
สมบูรณ์ _clickcall: null
-
}) (jQuery);
คัดลอกรหัสรหัสดังนี้:
ร่างกาย
-
มาร์จิ้น: 0;
Padding: 0;
-
.Completion-gum-list ul, li, li
-
มาร์จิ้น: 0;
Padding: 0;
รายการสไตล์: ไม่มี;
-
. completion-gumess-list
-
ล้น: อัตโนมัติ;
ขนาดตัวอักษร: 12px;
ความสูงของสาย: 180%;
ความเป็นมา: #FFF;
-
.COMPLETION-GUESES-LIST A
-
สี: #555;
การตกแต่งข้อความ: ไม่มี;
แสดง: บล็อก;
Padding: 1px 6px;
ล้น: ซ่อน;
พื้นที่สีขาว: NowRap;
Font-Family: Verdana, Arial;
-
.Completion-guess-list a .c-total {float: ขวา;
.Completion-Gumess-List A: Hover, .Completion-Guess-List A.Completion-Guness-List-Hover
-
ความเป็นมา: #3399ff;
สี: #FFF;
-
.Completion-Guess-List A: Hover Span.C-Total, .Completion- การเดา A.Completion-Guess-Lover Span.C-total {color: #FFF;};};
.Completion-Guess-List .C-Hover {Font-Weight: 700;}
คัดลอกรหัสรหัสดังนี้:
$ .Complting ({เสร็จสิ้น _obj: $ ("#input_html"), เสร็จสมบูรณ์ _data_url: "/completionhandler.ashx", เสร็จสิ้น _height: "auto", เสร็จสมบูรณ์ _obj_show: $ ("#show") พิมพ์ "), Complete_clickcall: function () {Alert (1);}, complex_length: 0});