one of the two jquery Plug-in named "Confirm"-优快云博客

本文介绍两个jQuery插件：confirm和helpMessage，适用于各种开发场景。包括插件功能、使用方法、参数说明及实例演示。

NowIwillintroducetwojqueryPlug-in,theyareconfirmandhelpmessage.Maybeyouwillneedtheminsomedevelopmentsituation.

Confirm

1、Whatisconfirm?

Youcanbaseonthename,guesswhatitis?

Itincludetwobuttonswhichis"yes"and"no",youcanchooseoneofthebuttontotellthesystemwhatwillbedonext.

2、Scenarios

Ifauserneedtosignoutfromthesystem,thenoursystemshouldcheckhe orshereallywanttosignout,soweneedconfirmPlug-in

3、Introduceofconfirm

Ithasfiveparameters:msg,thiswilldisplayintheconfirmview.

Ifyouneedsettheconfirmpositionyoucanpassparametersof'x'and'y'.

Aboveall,youalsoneedtwofunctionname,todealwithtwoactions,choosingyesorno.

4、Howtouse

First,youneedtoloadjQueryFrame,beauseourconfirmPlug-inisbaseonthejQueryFrame.

Second,youcanusethePlug-inasotherjqueryframe,suchas

$("#id").confirm({"msg":"sure?"})

$(".class").confirm({"msg":"sure?","okclick":"closeFunction","cacelclick":"cancelFunction"})

5、Tryityourself

Iwillgiveaexamplebelow,youcanuseitlikethis.

<!--//index.html-->
<html>
	<head>
	<title>Test for confirm</title>
	<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
	<script type="text/javascript" src="confirm.js"></script>
	</head>
	<body>
	<button id="delete_button">Delete</button>
	</body>
	<script>
	function deleteFunction(){
	console.log("good, you delete it success");
	}
	function cancelFunction(){
	console.log("you cancel the delete action");
	}
	$("#delete_button").click(function(){
		var offset = $(this).offset;
		$(this).confirm({
			"msg"    :  "are you make sure",
			"okclick"  : deleteFunction,
			"cacelclick" : cancelFunction,
			x : offset.top+20,
			y : offset.left
		});
	});
	</script>
</html>

Youcandownloadhere,goodluckforyou