javascript - 列表页加入购物车该怎么去实现
如图,点击加入购物车后弹出规格选项,应该用什么方式去做比较好。
(目前的做法是列表每个商品下隐藏选项,点击加入购物车后显示选项)
回复内容:
如图,点击加入购物车后弹出规格选项,应该用什么方式去做比较好。
(目前的做法是列表每个商品下隐藏选项,点击加入购物车后显示选项)
提前用一个变量将规格那一块存起来,然后动态去修改里面两个写着颜色的标签,然后写click事件,加入的购物车的时候在动态append
这明显是在问操作方式如何比较好, 在中国电商这么繁荣的前提下, 随便用手机打开一个购物APP都能借鉴里面的操作方式。
谈用户体验啊?还是实现难易度?要我说想体验好,就尽量少让用户点按钮,能用滑动解决的就用滑动解决。你可以试试左右滑动选规格,上下滑动选数量。
这样设计的网站,你们网站上的东西应该卖不掉吧?
如果淘宝天猫上的东西,只有一个价格你张图片,就硬生生的有一个加入购物车按钮,这样的东西,你们会买吗?

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











이번 장에서는 CakePHP의 환경 변수, 일반 구성, 데이터베이스 구성, 이메일 구성에 대해 알아봅니다.

PHP 8.4는 상당한 양의 기능 중단 및 제거를 통해 몇 가지 새로운 기능, 보안 개선 및 성능 개선을 제공합니다. 이 가이드에서는 Ubuntu, Debian 또는 해당 파생 제품에서 PHP 8.4를 설치하거나 PHP 8.4로 업그레이드하는 방법을 설명합니다.

CakePHP는 PHP용 오픈 소스 프레임워크입니다. 이는 애플리케이션을 훨씬 쉽게 개발, 배포 및 유지 관리할 수 있도록 하기 위한 것입니다. CakePHP는 강력하고 이해하기 쉬운 MVC와 유사한 아키텍처를 기반으로 합니다. 모델, 뷰 및 컨트롤러 gu

VS Code라고도 알려진 Visual Studio Code는 모든 주요 운영 체제에서 사용할 수 있는 무료 소스 코드 편집기 또는 통합 개발 환경(IDE)입니다. 다양한 프로그래밍 언어에 대한 대규모 확장 모음을 통해 VS Code는
