0

そのため、ドロップダウンがあり、dropkick.js を使用して作成するという問題があります。(私はdropkick.jsを学んでいるので、何かを誤解していると思っています。)

問題

そのようにon changeイベントをバインドすると

$('.pizza_size').on('change', 'select[name=pizza_size]', function() {
    alert(this.value);
});

アラートは 2 回呼び出されます。

ここでフィドル

私の最初の問題は、選択ドロップダウンが動的に変更されたため、$(".default").dropkick();適用されなくなったため、上記の動的セレクターを作成したことでした。(これよりも動的に呼び出しをバインドするより良い方法がある場合は、教えてください! :D)

役立つ情報: (私のデバッグの一部に基づく)

  • 最初の html/script は、このフィドルのようなもので、2 つのドロップダウンが作成されました (関連しているようには見えませんが)。コード<select>...</select>で作成したものと、クラスで作成した dropkick.jsclass=dk_container dk_theme_defaultです。したがって、これを回避するためにこのhtmlにコメントしました（最初のフィドルで）が、それでも2つの選択ドロップダウンが存在するようです!
4

2 に答える 2

1

おそらく、dropkickの文書化された APIを使用する必要があります。

$(function () {
    $('.default').dropkick({
        change: function () {
            alert("You selected " + $(this).val() + " for " + this.id + ".");
        }
    });
});
于 2014-08-27T08:52:55.987 に答える