jquery – WooCommerce结帐模板没有分表JS功能

我通过用div容器替换一些table-row-columns-constructs来改变购物车和结帐页面的前端模板(覆盖通过将文件复制到我的自定义主题文件夹中)以创建(在我看来)更清晰布局,也用于处理响应式布局更改.

看来,从模板checkout / form-checkout.PHP模板触发的wordpress钩子/动作woocommerce_checkout_order_review使用了cart / cart-shipping.PHP中的代码,这很好,因为ist保持包含两个页面上可选择的运送方法的列表一致.

“关键”变化是：删除td和th标签,并替换< tr class =“shipping”>与< div class =“shipping”>在cart / cart-shipping.PHP中.

这导致了问题：

单击shipping_methods ul的列表项会触发事件update_checkout和updated_checkout,它们(我认为)负责更新购物车/ chekout页面.
使用我更改的HTML模板,事情并没有按照应有的方式运行;每次点击都会复制整个ul.
我在woocommerce @L_618_16@中找不到tr.shipping或.shipping的任何出现.

为什么更改模板结构会破坏jQuery代码？如何在不破坏的情况下实现这一改变？