Appcan 自定义数字加减控件

DIV部分：

*这里的三个ID:as_sub_3、as_now_3、as_add_3里面的“3”可以自定义，这个对于生成任意个数的列表形式很有帮助

*cb 为执行成功后可进行回调

                                <div class="ub ub-f1 ub-pe as-height">

                                    <div id="as_sub_3" onclick="as_sub(this)" class="ub ub-pc ub-ac as-border">

                                        <div class="ub">

                                            -

                                        </div>

                                    </div>

                                    <div id="as_now_3" class="ub ub-pc ub-ac as-border">

                                        1

                                    </div>

                                    <div id="as_add_3" onclick="as_add(this)"  class="ub ub-pc ub-ac as-border">

                                        <div class="ub">

                                            +

                                        </div>

                                    </div>

                                </div>

CSS部分：

.as{

}

.as-height{

    height: 2em;

}

.as-border{

    border: 1px solid #c4c4c4;

    width: 2em;

}

JS部分：

function as_add (obj,cb) {

  var id = $(obj).attr("ID");

  var bz = id.split("_")[2];

  var nowValue = $("#as_now_"+bz).text();

  if(nowValue==10000){

      return;

  }

  nowValue++;

  $("#as_now_"+bz).text(nowValue);

  cb();

}

function as_sub (obj,cb) {

  var id = $(obj).attr("ID");

  var bz = id.split("_")[2];

  var nowValue = $("#as_now_"+bz).text();

  if(nowValue==1){

      return;

  }

  nowValue--;

  $("#as_now_"+bz).text(nowValue);

  cb();

}

巴特西

Appcan 自定义数字加减控件

最新文章

热门文章