gil/fod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

차량 선택 기능 추가 및 UI 개선: 차량 리스트에서 버튼으로 선택 가능하도록 변경하고, CSS 스타일 조정으로 레이아웃 및 텍스트 정렬 개선

Browse Source
This commit is contained in:
hyeonggil
2025-08-29 16:51:38 +09:00
parent b45f6ec501
commit 2c80fdfe48
5 changed files with 256 additions and 166 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
kr/assets/js/common.js
View File

@@ -1484,3 +1484,38 @@ $(document).on("mouseleave", ".tooltip", function () {
$(this).remove();
});
});
// PC 차량 선택
$(document).on("click", ".func .carlist .carlistItem .car-name", function (e) {
// 클릭한 button 태그의 텍스트 가져오기
var selectedText = $(this).find("span").text();
// 상위 li에서 selected 클래스 제거
$(".func .carlist .carlistItem ul li").removeClass("selected");
// 클릭한 li에 selected 클래스 추가
$(this).closest("li").addClass("selected");
console.log(selectedText);
// 상위 .carItem span에 선택된 텍스트 적용
$(".func .carlist > .carItem span").text(selectedText);
$(".func .carlist .carlistItem").removeClass("on");
});
// 모바일 차량 선택
$(document).on("click", "#carListPopup .popContents .carlistItem button", function (e) {
// 클릭한 button 태그의 텍스트 가져오기
var selectedText = $(this).find("strong").text();
var selectedTextCode = $(this).find("em").text();
// 상위 li에서 selected 클래스 제거
$("#carListPopup .popContents .carlistItem ul li").removeClass("selected");
// 클릭한 li에 selected 클래스 추가
$(this).closest("li").addClass("selected");
// 상위 .carItem span에 선택된 텍스트 적용
$(".hederWarp_n .headerInner .gnb .menuWarp .mobileCarlist .mobilecarItem .item strong").text(selectedText);
$(".hederWarp_n .headerInner .gnb .menuWarp .mobileCarlist .mobilecarItem .item span").text(selectedTextCode);
close_layer_popup("carListPopup");
});