Hot!Ajax

...because open source matters

  • Increase font size
  • Default font size
  • Decrease font size

Confirm inplace( jQuery)

E-mail
(14 VOTITALY_VOTES, VOTITALY_AVERAGE: 4.64 VOTITALY_OUTOF)

Image

这个插件能够在你你行动时给出确认信息。

原文:http://nadiaspot.com/jquery/confirm/

本文版权属于原作者。

未经本站允许不得转载!

文档:

(element).confirm(options) 
options
Name Type Optional Description Default Value
msg String Optional Confirmation message 'Are you sure?'
stopAfter string Optional Determines when the confirmation dialog will stop being promoted.
Possible values ('never', 'ok', 'cancel', 'once')
'never'
wrapper String Optional Dialog wrapper '<span></span>'
eventType String Optional The event that triggers the confirmation 'click'
dialogShow String Optional Dialog displaying effect 'show'
dialogSpeed String Optional Dialog displaying speed 'fast'
timeout Integer Optional Time in milliseconds to hide the confirmation dialog 0
options.buttons
ok String Optional Ok caption 'Yes'
cancel String Optional Cancel caption 'No'
wrapper String Optional Button wrapper '<a href="#"></a>'
separator String Optional Separator between buttons '/'
cls String Optional Button class undefined

例1:

// The action.
$('a').click(function() {
alert('click');
return false;
})

// The most simple use.
$('a').confirm();

预览1:

DEMO1

例2:

// The action.
$('input[type=button]').click(function() {
$(this).remove();
});

$('input[type=button]').confirm({
msg:'Do you really want to delete this button?',
timeout:3000
});

预览2:

DEMO2

例3:

// The action.
$('span').mouseover(function() {
$(this).html('Here is the offer');
});

$('span').confirm({
msg:'See my interesting offer?',
stopAfter:'ok',
eventType:'mouseover',
timeout:3000,
buttons: {
ok:'Sure',
cancel:'No thanks',
separator:' '
}
});

预览3:

DEMO3

例4:

$('a').confirm({
timeout:3000,
dialogShow:'fadeIn',
dialogSpeed:'slow',
buttons: {
wrapper:'<button></button>',
separator:' '
}
});

预览4:

DEMO4

源文件下载:http://www.hotajax.org/download/jquery/jQuery Confirm Plugin.zip


Comments (0)add comment

Write comment
You must be logged in to post a comment. Please register if you do not have an account yet.

busy

LBL_NEWERNAME
LBL_OLDERNAME

 

Google Translator

link

  • jQuery

  • MooTools

  • boygj.com

  • Ajax技术论坛

  • QQ网址大全
  • Joomla!-开源天空
  • Web Development (Scripts) - TOP.ORG

We have 58 guests online