jQuery EasyUI ตามปลั๊ก - ลูกโป่งเคล็ดลับ
ปลั๊กอิน jQuery EasyUI
โดย $ .fn.tooltip.defaults แทนที่ค่าเริ่มต้นเริ่มต้น
เมื่อผู้ใช้เลื่อนตัวชี้เมาส์ไปที่องค์ประกอบหน้าต่างพร้อมท์จะใช้เพื่อแสดงข้อมูลเพิ่มเติม เคล็ดลับสามารถมีเนื้อหาหรือ HTML ใด ๆ องค์ประกอบจากหน้าเว็บที่สร้างโดยอาแจ็กซ์
การใช้
สร้างกล่องพรอมต์ (เคล็ดลับ)
1 จากแท็กเพื่อสร้างบอลลูน (เคล็ดลับ) เพิ่ม 'easyui-คำแนะนำเครื่องมือ' class กับองค์ประกอบที่ไม่ต้องใช้รหัสใด ๆ JavaScript
title="This <a href="#" เป็นคำแนะนำเครื่องมือ message." class="easyui-tooltip"> เลื่อนฉัน </a>
2 โดยใช้ JavaScript ในการสร้างบอลลูน (เคล็ดลับ)
<a id="dd" href="javascript:void(0)"> คลิกที่นี่ </a>
$ ( '# Dd'). เคล็ดลับ ({ ตำแหน่ง: 'ถูกต้อง' เนื้อหา: '<span style = "สี: # fff"> นี่คือข้อความคำแนะนำเครื่องมือ </ span>.' onShow: ฟังก์ชั่น () { $ (นี้) .tooltip ( 'เคล็ดลับ'). Css ({ BackgroundColor: '# 666' borderColor: '# 666' }); } });
คุณสมบัติ
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
position | string | 提示框(tooltip)位置。可能的值:'left'、'right'、'top'、'bottom'。 | bottom |
content | string | 提示框(tooltip)内容。 | null |
trackMouse | boolean | 如果设置为 true,提示框(tooltip)会随着鼠标移动。 | false |
deltaX | number | 提示框(tooltip)位置的水平距离。 | 0 |
deltaY | number | 提示框(tooltip)位置的垂直距离。 | 0 |
showEvent | string | 引发提示框(tooltip)出现的事件。 | mouseenter |
hideEvent | string | 引发提示框(tooltip)消失的事件。 | mouseleave |
showDelay | number | 显示提示框(tooltip)的时间延迟。 | 200 |
hideDelay | number | 隐藏提示框(tooltip)的时间延迟。 | 100 |
เหตุการณ์
名称 | 参数 | 描述 |
---|---|---|
onShow | e | 当显示提示框(tooltip)时触发。 |
onHide | e | 当隐藏提示框(tooltip)时触发。 |
onUpdate | content | 当提示框(tooltip)内容更新时触发。 |
onPosition | left,top | 当提示框(tooltip)位置改变时触发。 |
onDestroy | none | 当提示框(tooltip)销毁时触发。 |
ทาง
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)属性(property)。 |
tip | none | 返回提示(tip)对象。 |
arrow | none | 返回箭头(arrow)对象。 |
show | e | 显示提示框(tooltip)。 |
hide | e | 隐藏提示框(tooltip)。 |
update | content | 更新提示框(tooltip)内容。 |
reposition | none | 重置提示框(tooltip)位置。 |
destroy | none | 销毁提示框(tooltip)。 |
ปลั๊กอิน jQuery EasyUI