jpub

A jQuery plugin to make a PopUpBox easier.

view at GitHub

notice：

• not finished yet,just "can use".
• I will not change the API as far as possibly.
• Not support UC mobile browser ！(╯‵□′)╯︵┻━┻

DEMO (More demo coming soon..)

Function List

|id|name|description| |---|:--|:--| |1|$(Selecoter).jShow()|the target PopUpBox has been in the html| |2|$.jCreateForm()|create automatically generated PopUpBox|

use

1、 $(Selecoter).jShow();

the target PopUpBox has been in the html

$(".jpub-div").jShow({
    'close_mode':2,
    'box_padding_top':'30px',
    'animate_in':1,
    'animate_out':1,
    'show_pre_func':test.abc,
    'show_pre_param':test.param,
    'show_after_func':function(){
            alert('show_after');
        },

});

Parameters

|id| name | description | default |value|require id| |-------------| ------------- |:-----------:| -----:| -----:| -----:| |1| isScroll | - | false |true/false|-| |2|close_mode|1-you can click the background div to hide2-you can't click the background and specify a html tag to hide|1|1/2|-| |3|animate_in|animate-in-direction:1:↓、2:←、3:↑、4:→|3|1/2/3/4|-| |4|animate_out|animate-out-direction:1:↑、2:→、3:↓、4:←|0|0/1/2/3/4|-| |5|ok_btn|the attribute name of the "ok" button |.jpub-btn-ok|'.btn_1'/'#btn_1'|-| |6|cancel_btn|the attribute name of the "cancel" button |.jpub-btn-cancel|'.btn_2'/'#btn_2'|-| |7|ok_func|the onclick function of the "ok" button |funcs.testFunc(an "alert" function)|type of function|5| |8|ok_func_param|the parameter of ok_func |undefined|Any|6| |9|show_pre_func|the function run before the div show|undefined|obj.func/funcName()/function(){alert()}|-| |10|show_after_func|the function run after the div show|undefined|obj.func/funcName()/function(){alert()}|-| |11|hide_pre_param|the function run before the div hide|undefined|obj.func/funcName()/function(){alert()}|-| |12|hide_after_func|the function run after the div hide|undefined|obj.func/funcName()/function(){alert()}|-| |13|show_pre_param|the parameter of show_pre_func |undefined|Any|9| |14|show_after_param|the parameter of show_after_func |undefined|Any|10| |15|hide_pre_param|the parameter of hide_pre_param |undefined|Any|11| |16|hide_after_param|the parameter of hide_after_func |undefined|Any|12| |17|~~bg~~| ~~background div~~ |~~true~~ |~~true/false~~|-| |18|bg_color | background div color| 'rgba(0,0,0,0.5)'|'rgba(x,x,x,x)'|-| |19|close_tag|the specified html tag to hide|undefined|'#demo'/'.example'/...|2| |20|** box_padding_top **|the distance from the WINDOS's top|'30%'|'20%'/'20px'/...|-|

2、 $.jCreateForm().jShow();（TODO:More Themes）

create automatically generated PopUpBox

$(function(){
    $.jCreateForm({
        'tag_id':'hahaha',
    });
});
$(".btn").click(){
    $("#hahaha").jShow();
}

Parameters

|id| name | description | default |value|require id| |-------------| ------------- |:-----------:| -----:| -----:| -----:| |1| tag_id | the PopUpBox's tag id you want name | jpub_auto_form |-|-| |2|~~parent_tag~~|~~the parent tag you want to append~~|~~'body'~~|~~'#demo'/'.class:eq(x)'~~|-| |3|head_text|the head text of the box|'Notice'|Any word|-| |4|ok_text|the text of the "ok" button|'Ok'|Any word|-| |5|cancel_text|the text of the "cancel" button|'Cancel'|Any word|-| |6|content|the Information you want to show in the PopUpBox|'Information you want to show'|Any Html tag|-|