ในฟังก์ชั่น createSelect () ให้ส่งคืนวัตถุและทั้งสองวิธีของวัตถุนี้อยู่ถัดไป ()
และ moveselect () ที่เรียกว่าใน prev () สามารถชี้ไปที่ฟังก์ชั่นได้อย่างถูกต้องหรือยังสามารถใช้เพื่อ
ฟังก์ชั่น moveselect () ถูกวางไว้ด้านนอก
การคัดลอกรหัสมีดังนี้:
/* ตัวเลือกที่แนะนำสำหรับการดำเนินการแป้นพิมพ์และปัญหา*//
var curdo = null;
var select = createSelect ();
$ ('#คีย์เวิร์ด'). keyup (ฟังก์ชัน (e) {
var theEvent = e || window.event;
Code = TheEvent.keycode? TheEvent.keycode: (TheEvent. ซึ่งเป็นอย่างไร
var key = {
ขึ้น: 38,
ลง: 40,
Del: 46,
แท็บ: 9,
กลับมา: 13,
ESC: 27,
backspace: 8,
ซ้าย: 37,
ขวา: 39
-
ClearTimeOut (curdo); // เมื่อคีย์บอร์ดปรากฏขึ้นการดำเนินการเก็บข้อมูล AJAX ที่กำหนดเวลาควรถูกยกเลิก
สลับ (รหัส) {
คีย์เคส. UP:
select.next ();
หยุดพัก;
คีย์เคสลง:
select.prev ();
หยุดพัก;
คีย์เคสกลับมา:
$ ('. แนะนำ-ฮอร์') ทริกเกอร์ ('คลิก');
หยุดพัก;
คีย์เคส Left:
หยุดพัก;
คีย์เคสถูกต้อง:
หยุดพัก;
ค่าเริ่มต้น:
curdo = settimeout (getSuggest (), 300);
หยุดพัก;
-
-
/* แนะนำการเลือกการเลือก*/
ฟังก์ชั่น createSelect () {
คลาส var = {
ใช้งานอยู่: "แนะนำ-โฮเวอร์"
-
ฟังก์ชั่น moveselect (ขั้นตอน) {
var listItems = $ ('. คำแนะนำ results li');
// จำนวนขั้นตอนปัจจุบันของโฮเวอร์
var ใช้งานอยู่;
active = $ ('.'+classes.active) .index ();
ListItems.eq (ใช้งานอยู่) .removeClass (classes.active);
ใช้งาน += ขั้นตอน;
if (active <0) {
active = listitems.size () - 1;
} else if (active> = listitems.size ()) {
active = 0;
-
var activeItem = listItems.eq (ใช้งานอยู่) .addClass (classes.active);
-
กลับ {
ถัดไป: function () {
Moveselect (-1);
-
ก่อนหน้า: ฟังก์ชั่น () {
Moveselect (1);
-
-
-
ข้างต้นเป็นเนื้อหาทั้งหมดที่แบ่งปันโดยบทความนี้ ฉันหวังว่าคุณจะชอบมัน