0

テーブルを動的に作成しています。テーブルのセルは画像で、各画像には値があります。ギャラリーで img をクリックすると、画像が別のテーブル セルに送信/コピーされ、値が INPUT に送信されます。この入力の変更を確認しています。各クリック値が変更された後、.change()実行されないことがわかります。何が問題なのかを確認できます。

$(document).ready(function() {
    var most;
    var clickedTableCellAll;

    var korpusMaterialNeed = 0;
    $("#korpusChoose").on('click', '#TableKorpusGaleria tbody td', function() {
        var clickedTableCell = $(this).text();
        var clickedTableCellAll = $(this).html();
        most = $.inArray(clickedTableCell, korpusArray);
        clickedId = helperArray[most].id;
        $("#helper_input_01").val(clickedId);
        $("#helper_input_02").val(most);
        cellClick(most, helperArray);

        var setKorpusArray = $('#createTableKorpus > tbody > tr').map(function() {
            return $(this).children().map(function() {
                return $(this);
            });
        });
        setSelectedCell = $("#helper_input_03").val();
        var countSection = $('#createTableKorpus > tbody > tr > td').length;
        var korpusId = most;
        setKorpusArray[1][setSelectedCell].html(clickedTableCellAll);
        console.log('===============================');

        korpusMaterialNeed = (clickedKorpus(korpusId)) / 10000;
        $("#priestor_mat_0" + (setSelectedCell)).val(korpusMaterialNeed);
        console.log('input: ' + $("#priestor_mat_0" + (setSelectedCell)).val());


    });

    function cellClick(most, helperArray) {
        var korpusId = most;
        clickedKorpus(korpusId);
    }

    function clickedKorpus(korpusId) {
        var currentKorpusCount = helperArray[korpusId].metadesc;
        var currentKorpusPlus = helperArray[korpusId].metakey;

        var sirka = $("#param_sirka").val();
        var widthValues = calcWidthInterval(sirka);
        var ddlText = $("#pocet_priestorov option:selected").text();


        var widthSect = 0;



        var newestOptions = calcSectionWidth(widthValues, sirka);
        var currentKorpMaterial = 0;
        var currentKorpusMaterial = 0;

        $.each(newestOptions, function(i, value) {
            if (value.all == ddlText) {
                widthSect = value.val;
                currentKorpusMaterial = ($("#param_hlbka").val() * widthSect) * currentKorpusCount;

                //          return currentKorpusMaterial;
            }
            else {
                console.log('clickedKorpus >>> ERROR');
            }
            //  var currentKorpMaterial = currentKorpusMaterial;
            console.log('currentKorpusMaterial' + currentKorpusMaterial);
            return currentKorpusMaterial;

        });
        console.log('korpusId >>> clickedKorpus >>>' + korpusId);



        var currentKorpMaterial = currentKorpusMaterial;
        console.log('currentKorpMaterial' + currentKorpMaterial);

        return currentKorpMaterial;
    }


    $('#userForm').on('change', '#priestor_mat_01', function() {

        alert('hi');
    });

    $("input#priestor_mat_01").change(function() {

        alert('hi');
    });

});
4

4 に答える 4

2

入力の値をプログラムで更新しても (関数を使用するなど.val())、関数はトリガーされませんchange。関数を使用して、プログラムで関数をトリガーする必要もあります.trigger()。

$("#priestor_mat_0" + (setSelectedCell)).val(korpusMaterialNeed).trigger('change');
于 2012-10-05T08:58:03.527 に答える
1

changeプログラムで値を変更すると、イベントがトリガーされず、change()このように値を変更した後に呼び出します

$('input').val(NEW_VAL).change()
于 2012-10-05T08:58:43.783 に答える
0

挿入後にイベント ハンドラを呼び出します。

$('#someinput').change();
于 2012-10-05T08:59:55.413 に答える
0

この場合、イベント変更をトリガーする必要があります。.val()変更イベントをトリガーしません。このように連鎖して.change()-

   $('input').val("value").change();

これにより、入力にバインドされた変更イベント ハンドラーがトリガーされます。

于 2012-10-05T09:04:41.277 に答える