1. /*jQuery工具集调用方式*/
  2. $('#purebox').click(function() {
  3. $.pb({
  4. id : 'purebox',
  5. title : '标题',
  6. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。'
  7. });
  8. });
  9.  
  10. /*jQuery包装集调用方式*/
  11. $('#purebox').pb({
  12. id : 'purebox',
  13. title : '标题',
  14. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。'
  15. });
  1. $('#purebox-fixed-true').pb({
  2. id : 'idialog',
  3. title : '标题',
  4. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。',
  5. fixed : true
  6. });
  1. $('#purebox-fixed-false').pb({
  2. id : 'idialog',
  3. title : '标题',
  4. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。',
  5. fixed:false
  6. });
  1. $('#purebox-no-head').pb({
  2. id : 'purebox-no-head',
  3. title : 'purebox-no-head',
  4. head : false,
  5. content : $('#show')
  6. });
  1. $('#purebox-no-xbtn').pb({
  2. id : 'purebox-no-xbtn',
  3. title : 'purebox-no-xbtn',
  4. xBtn : false,
  5. content : $('#show')
  6. });
  1. $('#purebox-no-foot').pb({
  2. id : 'purebox-no-foot',
  3. title : 'purebox-no-foot',
  4. foot : false,
  5. content : $('#show')
  6. });
  1. $('#purebox-no-cancelBtn').pb({
  2. id : 'purebox-no-foot',
  3. title : 'purebox-no-foot',
  4. cBtn : false,
  5. content : $('#show')
  6. });
  1. $('#purebox-onClose').pb({
  2. id : 'purebox-onClose',
  3. title : 'purebox-onClose',
  4. content : $('#show'),
  5. onClose : onClose
  6. });
  7. function onClose() {
  8. alert('close');
  9. }
  1. $('#purebox-onOk').pb({
  2. id : 'purebox-onOk',
  3. title : 'purebox-onOk',
  4. content : $('#show'),
  5. onOk : onOk
  6. });
  7. function onOk() {
  8. alert('ok');
  9. }
  1. $('#purebox-onCancel').pb({
  2. id : 'purebox-onCancel',
  3. title : 'purebox-onCancel',
  4. content : $('#show'),
  5. onCancel : onCancel
  6. });
  7. function onCancel() {
  8. alert('cancel');
  9. }
  1. $('#purebox-alert').click(function() {
  2. $.pb.alert("好雨知时节, 当春乃发生。
  3. 随风潜入夜, 润物细无声。", function() {
  4. alert("alert");
  5. });
  6. });
  1. $('#purebox-confirm').click(function() {
  2. $.pb.confirm("好雨知时节, 当春乃发生。", function() {
  3. alert("confirmed");
  4. });
  5. });
  1. $('#purebox-resize-true').pb({
  2. id : 'purebox-resize-true',
  3. title : '标题',
  4. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。',
  5. resize : true
  6. });
  1. $('#purebox-resize-false').pb({
  2. id : 'purebox-resize-false',
  3. title : '标题',
  4. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。',
  5. resize : false
  6. });
  1. $('#purebox-drag-true').pb({
  2. id : 'purebox-drag-true',
  3. title : '标题',
  4. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。',
  5. drag : true
  6. });
  1. $('#purebox-drag-false').pb({
  2. id : 'purebox-drag-false',
  3. title : '标题',
  4. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。',
  5. drag : false
  6. });
  1. $('#purebox-mask-true').pb({
  2. id : 'purebox-mask-true',
  3. title : '标题',
  4. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。',
  5. mask : true
  6. });
  1. $('#purebox-mask-false').pb({
  2. id : 'purebox-mask-false',
  3. title : '标题',
  4. content : '好雨知时节, 当春乃发生。随风潜入夜, 润物细无声。',
  5. mask : false
  6. });