カウンターアプリ
A群
btn
btn
btn
btn
btn
B群
btn
btn
btn
btn
btn
A群無効
B群無効
カウンター
案内

//プラグインを無名関数で囲って、変数のスコープを、プラグイン内か、外にすることができる。
//let はブロックスコープ内(そのサブも適用)
;(function($, undefined) {
const $body = $('body'), $window = $(window);
 let ops = {}; //プラグイン外ブロック指定で、複数実行でもカウンターは共有
$.fn.nJa_test = function(options) {
  const $t = this;
  if (!$t) return;
// let ops = $.extend({}, options); //カウンター個別
//destroy用のメソッドは、return を忘れずに。
if(options == 'off') return allOff($t,ops); // don't forget return;



// promise 使用例1
var effect = function() {
  return $( "div" ).fadeIn( 800 ).delay( 1200 ).fadeOut();
};

$( "button" ).on( "click", function() {
  $( "p" ).append( " Started... " );
  $.when( effect() ).done(function() {
    $( "p" ).append( " Finished! " );
  });
});

// promise 使用例2
var $prms = [];
$("ほげ").each(function() {
  ふが
  $prms.push();
});
$.when.apply($, $prms).then(function() {
  console.log('処理が終わりました。');
});;



[ $.fn ]っぽい関数

⇒ 外部からメソッドを実行可能なjQueryプラグインの定義方法

⇒ jQueryプラグインの高度な作成法 ― ES5によるカプセル化

⇒ jqueryプラグイン複数メソッド

⇒ チェーン関数の作り方

⇒ javascript メソッドの作り方



function $$(elem) {
    return(new $$.init(elem));
}

$$.init = function(elem) {
    if (typeof elem === "string") {
        elem = document.getElementById(elem);
    }
    this.elem = elem;
}

$$.init.prototype = {
    set: function(prop, value) {
        this.elem[prop] = value;
        return(this);
    }
};

$$(elem).set("src", "http://example.com/something.jpeg").set("height", "100%").set("width", "100%");



desend
assend

出席者名:尾形 学(久留米北ロータリークラブ) |出席日時:2020/11/30 15:30

出席者名:半田 利通(久留米ロータリークラブ) |出席日時:2020/11/30 21:43

出席者名:鶴田 貞久(都城中央ロータリークラブ) |出席日時:2020/12/02 12:29

出席者名:島津 久友(都城) |出席日時:2020/12/02 13:53

出席者名:渡邉 正俊(北海道2500ロータリーEクラブ) |出席日時:2020/12/05 15:24

出席者名:東堂 賢功 (北海道2500ロータリーEクラブ) |出席日時:2020/12/04 13:03

出席者名:佐藤 理 (倉敷ロータリークラブ) |出席日時:2020/12/01 15:01

出席者名:小笠原 剛 (大分中央ロータリー) |出席日時:2020/12/01 14:26

出席者名:仁田脇 雅之 (宮崎北ロータリークラブ) |出席日時:2020/12/01 10:08

出席者名:下園 満 (阿久根ロータリークラブ) |出席日時:2020/12/01 08:26


//親要素、子要素に余計な要素があるとエラー
nJa_.func.sortEl('#mkupcmt_box','data-create');

//'assend'で昇順、省略で、降順 
nJa_.func.sortEl('#mkupcmt_box','data-create','assend');


ドロップダウンは「苦無」でやるべきでは?

凧と「指示忍者」は統合したほうがよくね?

凧にデザインオプションを作って継承して「指示表示」させる。

html内要素を凧にする場合は、要素を隠し要素でラップしとく。