我通过用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 js code中找不到tr.shipping或.shipping的任何出现.

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

最佳答案 没有更多的代码,很难说.也许如果你能提供链接我可以提供更多帮助？

瞎了,听起来这是一个与点击相关的问题……

我可以确认在assets/js/admin/meta-boxes-order.js中有几个引用来自第250-251行和第541,786和874行的tr.shipping.很可能是这些行引起了这个问题.

你正在尝试做什么是hackish …并且无法测试它很难说或确认,但尝试复制那些相关的功能但只在你的div.shipping上调用它

看看那个让你知道的地方.