# PigDialog

**Repository Path**: ipiger/PigDialog

## Basic Information

- **Project Name**: PigDialog
- **Description**: 一个很简单的jQuery对话框插件，主要用于交流学习。除些之外，无特别之处。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2014-02-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# PigDialog-简单轻量的jQuery对话框插件
PigDialog是一款超简单的jQuery对框插件,开发目的主要是用于自己的**个人网站**。另外，也用于与大家一起学习、交流、成长。

## 目前特性
- **支持html串作为对话框内容**
- **支持直接将DOM对象作为对话框内容**
- **支持模态对话框**
- **自定义对话框位置**
- **支持对话框关闭回调和销毁回调**

## 基本调用方式
PigDialog的调用选项中，必须提供的一个参数为dialog_id,该值用于唯一标识一个对话框。
### 简单的文本&html
	$.PigDialog.new(
	  dialog_id : "simple_text",   
      html:"这是一段普通的文字"
	}).open();
	
	$.PigDialog.new(
	  dialog_id : "simple_text",   
      html:"<h2 style='font-weight : bold;'>大家好!</h3><p style='color : green; font-size : 12px;'>这是一段HTML的文本</p>"
	}).open();

### 对话框定位
	//常量定位（center,left-botto-corner,right-bottom-corner）
    $.PigDialog.new({
      dialog_id : "right-bottom-corner",
      position : "right-bottom-corner",
      html:"大家好，我在右下显示^_^"
    }).open();

	//坐标定位
    $.PigDialog.new({
      dialog_id : "custom_coordinate",
      coordinate : {left : 120, top : 200},
      html:"大家好，我的坐标是{left : 120,top : 200}"
    }).open();

### 模态对话框
    $.PigDialog.new({
      dialog_id : "modal_dialog",
      html:"这是一个模态对话框!",
      is_modal : true
    }).open();