我创建这个普拉克展示和讨论的购物车我开发是在行动这里（而持续）。
在“真实”品种中，选择一个品种会填充“品种”下拉列表。但是，它在Plunk中不起作用。
其实$('#species-select').on('change', ...从来没有开火。
必须对Plunks的工作方式有所了解。有什么建议/解决方法吗？
编辑只是添加一些东西-在“真实”版本中，我将javascript加载到页面底部。Plunker不喜欢那样。我可以通过添加到标头中来创建解决方法：
<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>
这是因为在jQuery运行时，它会将事件挂接到不存在的dom元素上，因此没有任何附加条件。可以通过将钩子切换为“ on”事件来解决此问题：
$(document).on('change','#species-select', function...
我希望这是有道理的。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句