jQuery 函数在模态中不起作用

标签 jquery zurb-foundation zurb-foundation-6

我正在使用 Foundation Reveal modal id="sizesModal"包含用户输入,当使用“保存”按钮提交时,应在“尺寸和数量预览”下预览这些输入

页脚中有一个名为 updateSizes 的函数

 function updateSizes() {
 var sizeString = '';
 for (var i=1;i<=12;i++){
  if(jQuery('#size'+i).val() != ''){
    sizeString +=  jQuery('#size'+i).val()+':'+jQuery('#qty'+i).val()+',';
      }
  }
  jQuery('#sizes').val(sizeString);
}

在 products.php 上的显示模式 div 中,有一个用于提交的按钮

 </button>
 <button class="button" data-toggle="modal" data-target="#sizesModal" click="updateSizes();jQuery('#sizesModal').modal('toggle');return false;"> Save Changes
 </button>

我没有收到任何控制台消息,但按钮没有输出任何内容 Sizes & Qty Preview

我已经包含了基础和页脚页面的所有脚本

最佳答案

我认为你必须检查 if 语句是否被执行。我认为 .Val() 可能会返回其他内容。

关于jQuery 函数在模态中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49480487/

相关文章:

jquery - 在 Backbone.js View 上调用 jQuery Unobtrusive 验证

javascript - jQuery 计算表格

jquery - CSV 到数组 - jquery 和 ajax 问题

css - 两个(几乎)相似页面的 Foundation 6 顶部栏菜单的不同行为

html - 基础响应式网页设计

javascript - 在网页底部和接近顶部之间动态调整元素的大小

css - 要导入的文件未找到或不可读 : util/util in my switch from foundation 5 to foundation 6

jquery - 防止将 “left” 样式添加到粘性菜单元素

modal-dialog - 同一基础 6 的多个触发器显示模式导致关闭时不需要的滚动

javascript - 如何将数组数据提交到 bootstrap/zurb foundation modal