0

このプランクは、開発中のショッピング カートのデモンストレーションと議論を行うために作成しました。

「本物の」ものでは、種を選択すると、バラエティ ドロップダウンが表示されます。ただし、Plunk では機能しません。

実際、$('#species-select').on('change', ...発砲することはありません。

プランクがどのように機能するかの特殊性に違いありません。提案/回避策はありますか?

編集 何かを追加するだけです-「実際の」バージョンでは、ページの下部にjavascriptをロードします。プランカーはそれが好きではありません。ヘッダーに追加することで回避策を作成できました:

<script type='text/javascript'>
  $(document).ready(function(){
      $('#species-select').on('change', function() {
      var variety_key = $('#species-select').val();
      console.log( "species changed to " + variety_key);
      alert( "species changed to " + variety_key);
      $('#variety-select').empty();
      fillVarietiesList(variety_key);
    });
  });
</script>

http://plnkr.co/edit/91FYs44DuLkS19YPLzd6?p=info

さらに更新 ショッピング カートにアイテムを追加できなかったため、それでもうまくいきませんでした。私はこれがうまくいったことを発見しました:

<script type='text/javascript'>
  $(document).ready(function(){
      $.getScript('products.js');
      $.getScript('fill_selects.js');
      $.getScript('shopping_cart.js');
      $('#species-select').on('change', function() {
      var variety_key = $('#species-select').val();
      console.log( "species changed to " + variety_key);
      alert( "species changed to " + variety_key);
      $('#variety-select').empty();
      fillVarietiesList(variety_key);
    });
  });
</script>

http://plnkr.co/edit/91FYs44DuLkS19YPLzd6?p=preview

4

1 に答える 1

2

これは、jQuery が実行されると、存在しない dom 要素にイベントがフックされるため、アタッチするものが何もないためです。これは、フックを「on」イベントに切り替えることで修正できます。

$(document).on('change','#species-select', function...

これが理にかなっていることを願っています。

于 2015-05-25T23:05:43.727 に答える