jQuery自定义回调插件

时间:2017-11-20 15:45:48

标签: javascript jquery jquery-plugins

嘿所有我从来没有在插件中创建回调,所以帮助会很棒。

我想在插件中添加对此操作的回调:

$(document).on('click', function (e) {
   if (last) {
     if (e.target.innerText == "Yes") {
        $('[data-original-title=""]').text('Yes');
     } else if (e.target.innerText == "No") {
        $('[data-original-title=""]').text('No');
     }

     last.popover('hide').removeClass('popconfirm-active');
     //Do some type of callback here...
   }
});

因此,在看到之后,我想启动一个回调,以便我可以根据所选值执行操作。

插件智能化是这样的:

$("#button").popConfirm({
    title: "",
    content: "",
    placement: "bottom",
    yesBtn: 'Yes',
    noBtn: 'No'
});

我想做的是:

$("#button").popConfirm({
    title: "",
    content: "",
    placement: "bottom",
    yesBtn: 'Yes',
    noBtn: 'No',
    callback: function(btn) { // <-- added by me
      //Check btn for "Yes" or "No" then do something:
      //do something here...
    }
});

插件代码本身就是这样开始的:

$.fn.extend({
    popConfirm: function (options) {
      var defaults = {
          title: 'Confirmation',
          content: 'Are you really sure ?',
          placement: 'right',
          container: 'body',
          yesBtn: 'Yes',
          noBtn: 'No'
        },
        last = null;
      options = $.extend(defaults, options);

所以任何帮助都会很棒!谢谢!

0 个答案:

没有答案