解决进入商品详情页时无库存信息显示情况

发现进入商品详情页时,无库存信息显示,解决方法如下:

$(document).ready(function () {
            $('[data-toggle="tooltip"]').tooltip({trigger: 'hover'});
            $('.product-info .stock').text('库存' + $('.sku-btn').data('stock') + '件');
            $('.product-info .price span').text($('.sku-btn').data('price'));
            $('.sku-btn').click(function () {
                $('.product-info .price span').text($(this).data('price'));
                $('.product-info .stock').text('库存' + $(this).data('stock') + '件');
            })
        })
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 6

file
差了一个默认选中

7个月前
bouc

这样:

@foreach($product->skus as $sku)
  <label class="btn sku-btn {{ $loop->first ? 'active' : '' }}"
2个月前

@bouc 您好,请问这个 $loop->first 是什么意思

2个月前
bouc

@莫名私下里 Blade 模板中的循环变量,文档

2个月前

@bouc 万分感谢 :blush:

2个月前

改成这样也行

$('[data-toggle="tooltip"]').tooltip({trigger: 'hover'});
initData($('.sku-btn'));

$('.sku-btn').click(function () {
    initData(this);
});

function initData(e) {
    $('.product-info .price span').text($(e).data('price'));
    $('.product-info .stock').text('库存:' + $(e).data('stock') + '件');
}
1个月前

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!

社区文档:

将托管在 packagist.org 和 github.com 的扩展包使用国内 CDN 加速
GitHub Laravel 扩展包 TOP 250
速查表方便快速查询框架功能,支持手机访问,支持中英文版本
Laravel 中文文档,由社区用户翻译和维护,将会保持一直更新
此文档的目的,就是为了提高技术团队的凝聚力、一致性和生产效率。
开发环境的部署,开发者工具的选择,适用于 Mac 和 Windows。
浓缩过后的精华
Laravel Nova 后台管理面板文档的中文翻译
Lumen 中文文档,由社区用户翻译和维护,将会保持一直更新
Laravel 下知名扩展包 Dingo API 的中文文档,Laravel API 开发必知必会