Bootstraps ICheck değiştirilen olayları dinleyemiyor

Dec 15 2020

Bir telsizin kontrol edilip edilmediğine bağlı olarak telsiz tabanını güncellemek için bu Jquery koduna sahibim. Ancak bu ateşlenmez.

Kodu

    this.init = function() {
    $.ajax({ "url": "/cms/api/task_management/init", "contentType": "application/json", "dataType": "json", "type": "POST" }).done(function(map) { if ($("#title").val() || $("#problemCls").val() || $("#targetFunc").val() || $("#status").val() || $("#priority").val()) {
            search();
        } else {
            callBackInit(map);
        }
    }).fail(failCallback);
    $("input[type='radio']").on("ifChanged", function (event) { if ($("#display-method-unique").prop("checked")) {
            renderDataTable(self.taskManagementList);
        } else {
            renderDataTable(self.allDataList);
        }
    }).iCheck({
        radioClass: 'iradio_flat-green'
    });

HTML

<div class="row">
     <div class="col-md-4 col-sm-12 col-xs-12">
          <div class="radio">
               <input type="radio" name="display-method" id="display-method-unique" class="flat"><label for="display-method-unique">Doing</label>
               <input type="radio" name="display-method" id="display-method-all" class="flat"><label for="display-method-all">End</label>
           </div>
    </div>
</div>

Ayrıca tıklama işlevi ve değiştirme işlevine bağlanmayı da denedim. Ancak değişiklik olayı dinlenemez. Ancak ikisi de işe yaramıyor gibi görünüyor. Icheck.js komut dosyasını eklemediğimde her şey yolunda gidiyor.

Bootstraps Icheckhelper sınıfından değişen olaylara nasıl bağlanılacağını bilen var mı?

Yanıtlar

1 XinLiu Dec 16 2020 at 07:18

Github forumundan doğru bir şekilde yanıtlandığı gibi yararlı bir düzeltme buldum: bu başlıktan okuyun ve iCheck-helper kullanıldığında radyo olayını nasıl işleyebilirim?

Sonra kodumu değiştirdim. Sorun çözüldü.

$("input[name='display-method']").iCheck({radioClass: 'iradio_flat-green'}); this.init = function() { $.ajax({
        "url": "/cms/api/task_management/init",
        "contentType": "application/json",
        "dataType": "json",
        "type": "POST"
    }).done(function(map) {
        if ($("#title").val() || $("#problemCls").val() || $("#targetFunc").val() || $("#status").val() || $("#priority").val()) { search(); } else { callBackInit(map); } $("input[name='display-method']").on("ifCreated ifClicked ifChanged ifChecked ifUnchecked ifDisabled ifEnabled ifDestroyed check", function (event) {
            if ($("#display-method-unique").prop("checked")) {
                renderDataTable(self.taskManagementList);
            } else {
                renderDataTable(self.allDataList);
            }
        });
    }).fail(failCallback);
};