<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          command.jsjQuery的Command模式插件

          聯(lián)合創(chuàng)作 · 2023-09-27 16:29

          基于jQuery的Command模式插件。

          該插件將頁面元素看成是一個個的對象,通過插件給對象賦予特定的狀態(tài),并定義特定的Command。一旦發(fā)生關(guān)聯(lián)操作的時候,可以通過通知修改狀態(tài)或者發(fā)布命令的方式進行關(guān)聯(lián)操作。

          例如:

          $(function(){
                  $(".a").commands({
                      states : [{
                          state : "selected",
                          paint : function($elem,state){
                              console.log(state);
                          },
                          drop : function($elem,state) {
                              console.log("drop:" + state);
                          }
                      },{
                          state : "unselected",
                          paint : function($elem,state){
                              console.log(state);
                          },
                          drop : function($elem,state) {
                              console.log("drop:" + state);
                          }
                      }],
                      commands : [{
                          name : "select",
                          action : function($elem,state){
                              $elem.state("selected");
                          }
                      }]
                  });
          
                  $(".a").state("unselected");
                  $(".a").command("select");
                  console.log($(".a").currentState());
              });
          瀏覽 9
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          編輯 分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  黄片大全在线免费观看 | 天天干天天操天天拍 | 9久国产| 日韩黄色电影视频 | 在线视频日本不卡 |