当前位置:  软件>JavaScript软件

jHelperTip

    来源:    发布时间:2015-01-13

    本文导语:  jHelperTip is intended to be useful in many situations such as hovering tip and clickable tips. It can get data from a container, through Ajax or even the attributes of the current object. The API and Default Values $.fn.jHelperTip.defaults = { trigger: "click", topOff: 3, leftOff: 10, source: "co...

jHelperTip is intended to be useful in many situations such as hovering tip and clickable tips. It can get data from a container, through Ajax or even the attributes of the current object.

The API and Default Values

$.fn.jHelperTip.defaults = {
trigger: "click",
topOff: 3,
leftOff: 10,
source: "container",
attrName: '',
ttC: "#jHelperTipContainer", /* tooltip Container*/
dC: "#jHelperTipDataContainer", /* data Container */
aC: "#jHelperTipAttrContainer", /* attr Container */
opacity: 1.0,
loadingImg: "ajax-loader.gif",
loadingText: "Loading...",
type: "GET", /* data can be inline or CSS selector */
//url: '',
//data: '',
autoClose: true
};

Explanation of the Options:

trigger: "click" or "hover" to trigger the tooltip

topOff: top offset from mouse pointer

leftOff: left offset from mouse pointer

source: can be "container", "ajax" or "attribute", container is an container in current page, ajax loads from another page, attribute will read the attribute of current object.

attrName: the attribute that you want to pass the data from (only works if your source is attribute)

ttC: tooltip container (define a container to position your tooltip and receive data from ajax), will create if container not found use "#container" and not "container"

dC: data container for same page container (only works if your source is container)

aC: attribute data container (only works if your source is attribute)

opacity: opacity of the tooltips

loadingImg: the loading image indicator in Ajax calls (only works if your source is ajax)

loadingText: the loading text indicator in Ajax calls (only works if your source is ajax)

type: "GET" or "POST" (only works if your source is ajax)

url: The address of the page that you are fetching from (only works if your source is ajax)

data: data passed to the ajax request (only works if your source is ajax)

autoClose: true or false, specify if explicit action is needed to close the tooltip
Examples

jQuery.noConflict();

jQuery(function($){
$("#test").jHelperTip({
trigger: "click",
dC:"#tip1",
autoClose: false,
opacity: 0.9
});

Matt is doing something dangerous

click here to close

adj.

1. Involving or filled with danger; perilous.

2. Being able or likely to do harm.


    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3