슬라이딩 메뉴에서 드롭다운 메뉴 사용

슬라이딩 메뉴 섹션 내에 하위 메뉴나 드롭다운을 추가하는 방법을 찾는 데 어려움을 겪고 있습니다. 또한 다른 부분(Text2 및 Text3)이 화면에 적응할 때 메뉴 드롭다운을 어떻게 조정하는지 잘 모르겠습니다. 누구든지 이 문제를 해결하도록 도와줄 수 있나요? 도움을 주셔서 감사합니다! "Text1"에 드롭다운 메뉴를 추가하고 싶습니다.

P粉716228245 2023-09-08 18:53:16 0  2  511

드롭다운 메뉴를 다단계로 만들기

다음과 같은 드롭다운 메뉴가 있습니다. .dropdown{display:inline-block;position:relative;}.dropdownbutton>a{display:block;color:#000000;text-꾸밈:none;}.dropdown-content{ 표시:없음;위치:절대;너비:자동;오버프

P粉107772015 2024-01-10 18:02:08 0  2  431

CSS 및 Javascript를 사용하여 드롭다운 메뉴에서 옵션 선택

CSS 선택기 값이 있습니다: .ng-touched>div:nth-child(1)>div:nth-child(1)>div:nth-child(2)>input:nth-child(1 ) 드롭다운 메뉴가 있는 CSS 선택기를 찾고 "APPLE" 텍스트가 있는 옵션을 선택하기 위해 document.querySelectorAll을 사용하려고 합니다. 드롭다운 메뉴의 첫 번째 항목입니다.

P粉739706089 2023-09-04 22:10:59 0  1  580

ReactJS: 마우스를 올리면 드롭다운 메뉴 아이콘이 동적으로 업데이트됩니다.

먼저 ReactJS를 연습하기 위해 "antd" React 프레임워크와 tailwindCSS를 사용했습니다. 음, 이 프레임워크를 사용한 것은 이번이 처음입니다. 그래서 먼저 마우스 오버 시 드롭다운 팝업을 사용해 보기로 결정했습니다. 사실 이 단계까지 어떻게 갈지는 아직 명확하지 않습니다. 물론 CSS를 사용하면 "hover:" 속성을 사용할 수 있다는 것을 알고 있지만 ReactJS에서 로직을 사용하는 방법에 대한 아이디어가 있습니까? 또한 "드롭다운 메뉴에 대한 API 섹션"...

P粉877114798 2024-03-29 17:58:41 0  1  431

href를 사용하여 드롭다운 목록에서 옵션을 자동으로 선택하세요.

이전 페이지에서 누른 버튼에서 얻은 href(주소 표시줄에 저장됨)를 기반으로 옵션을 자동으로 선택하는 드롭다운을 얻으려고 합니다. 이 질문을 찾아보았지만 관련된 내용을 찾을 수 없는 것 같아서 내 표현이 잘못되었거나 이것이 불가능하다고 가정할 수 있습니다. 이것은 index.html <divclass="logo-row"><imgsrc="./assets/img.png"onclick="f의 코드입니다.

P粉358281574 2024-02-26 09:24:54 0  1  406

Bootstrap Vue를 사용하여 마우스 오버 시 선택 드롭다운을 여는 방법

<select> 또는 <b-form-select>를 실행하고 마우스 오버 시 옵션 드롭다운 목록을 표시하는 방법이 필요합니다. JQuery나 Vue.js 이외의 외부 플러그인을 사용하지 마세요.

P粉635509719 2024-03-26 14:04:58 0  1  448

Laravel에서 동적 양식 저장을 구현할 때 각 행에 대한 다중 선택 드롭다운 양식을 처리하는 방법

내 양식에는 각 행에 동일한 이름을 가진 다중 선택 드롭다운 color_id[] 및 size_id[]가 있는 동적 테이블이 있습니다. 선택한 여러 값을 데이터베이스에 저장된 각 행에 쉼표로 구분된 값으로 저장하는 방법을 모르겠습니다. 여기서 데이터베이스에 저장을 시도했지만 작동하지 않았습니다. HTML 코드: <table><tbody><td><selectname="color_id[]"class=&quo

P粉301523298 2023-08-31 10:43:09 0  1  522

React Slick의 오버플로 문제에 직면

저는 Reactslick을 사용하여 슬라이더를 만들고 있습니다. 슬라이더 카드에는 다양한 옵션이 있는 드롭다운 메뉴가 포함되어 있습니다. 드롭다운이 열려 있으면 드롭다운의 절반이 잘리고 전체 드롭다운을 볼 수 없습니다. Codepen: https://codepen.io/gtm18/pen/YzRdaML(jQuery 데모) $(document).ready(function(){$('.carousel').slick({slidesToShow:3,dots :true,

P粉827121558 2023-09-17 10:16:57 0  1  491

다시 쓴 제목은 jQuery에서 하위 메뉴 자동 닫기를 구현하는 방법입니다.

모바일 보기용 jQuery 드롭다운 메뉴를 만들려고 합니다. 저는 jQuery를 처음 접했고 Toggle을 사용하여 하위 메뉴를 숨기고 표시하고 있습니다. 내 문제는 메뉴 항목을 클릭해도 다른 하위 메뉴가 자동으로 닫히지 않는다는 것입니다. 예를 들어, menutwo를 클릭하면 menuone이 자동으로 닫히도록 하고 싶습니다. 어떻게 해야 하나요? 도와주세요. jQuery(문서).ready(function($){$(".menuone").click(func

P粉312631645 2023-09-16 09:10:19 0  2  1073

javascript - 플러그인 없이 2차 연계 아이디어를 알려주세요! ! !

사진과 같이 이런 2차 연계에 대한 아이디어를 찾고 있는데... 어떻게 써야할지 모르겠네요... bootstrap과 jquery를 이용해서 개발했습니다. 드롭다운 메뉴가 2개 있는데, 부트스트랩의 드롭다운 메뉴는 선택 및 옵션 태그 없이 사용됩니다. 온라인 대기 중... 긴급! ! !

ringa_lee 2017-05-19 10:22:20 0  5  540

React Material UI 구성 요소 선택 문제

MUI https://mui.com/material-ui/react-select/에서 "구성 요소 선택"으로 이동하여 선택 항목에 대한 드롭다운 메뉴를 엽니다. 드롭다운을 닫을 때까지 페이지와 상호 작용할 수 없다는 것을 알 수 있습니다. 이 문제에 대한 해결책이 있습니까? 드롭다운을 연 후에도 스크롤할 수 없습니다. 추신: NativeSelect를 사용하고 싶지 않습니다.

P粉105971514 2024-03-31 10:58:02 0  1  385

드롭다운이 항상 상위 위치인 상대 위치 위에 나타나는지 확인하세요.

나는 아래와 같은 것을 달성하려고 노력하고 있습니다. 컨테이너에는 클릭하면 활성화되고 각 상위 항목 위에 있는 드롭다운 세트가 포함되어 있습니다. 직면한 문제: 지금 겪고 있는 문제는 드롭다운 메뉴가 상위 수준 상단에 표시되지 않고 컨테이너 내부에 숨겨져 있다는 것입니다. 내가 시도한 것: position:absolute를 시도했는데 각 상위 항목 위에 목록을 배치하는 데 효과적이었습니다. 반면에 오버플로된 드롭다운은 드롭다운 레이블을 따르지 않고 설정된 위치를 유지합니다. 따라서 position:relative가 필요합니다. 누구

P粉738346380 2024-04-01 18:43:16 0  1  394

javascript - 드롭다운 메뉴가 있어도 Zhihu 검색창에 여전히 포커스가 있습니다. 이유는 무엇입니까?

위쪽 및 아래쪽 키를 사용하여 드롭다운 메뉴를 스크롤할 때 입력 포커스가 여전히 검색 상자에 유지됩니다. 어떻게 해야 합니까?

漂亮男人 2017-05-19 10:10:28 0  1  1059

Selenium의 드롭다운 요소에서 옵션을 선택한 후 페이지가 업데이트되지 않습니다.

나는 이 문제에 부딪혔고, 웹 페이지를 작성하고 드롭다운 메뉴에서 값을 선택해야 하는 Python 프로세스를 자동화하려고 합니다. 그런데 드롭다운 값을 선택해도 페이지가 업데이트되지 않는 문제가 있습니다. 다음은 특정 요소를 선택하는 코드입니다. importoimporttimeimportpandasaspdfromseleniumimportwebdriverfromwebdriver_manager.chromeimportChromeDriverMan

P粉043470158 2023-09-11 18:35:56 0  1  620

버튼을 클릭하면 드롭다운 메뉴가 열립니다.

bootstrap5cdn을 사용하고 있는데 드롭다운을 클릭하지 않고 열고 싶습니다. 탐색 모음을 사용하고 "드롭다운 링크"를 표시하고 싶습니다: <navclass="navbarnavbar-expand-smnavbar-lightbg-light"><divclass="container-fluid"><aclass="navbar-brand&q

P粉232409069 2023-09-04 15:04:13 0  1  585

PHP 메일을 사용하여 양식의 HTML 드롭다운을 연결하는 방법은 무엇입니까?

PHP 코드로 이 HTML을 확인하세요. 어떻게 해야 하나요? 나는 초보자입니다. 특정 의사의 이메일 주소를 선택하기 위한 드롭다운 메뉴가 있는 문의 양식을 만들고 있습니다. 저는 템플릿으로 작업하고 있으며 PHP에 대한 경험이 많지 않습니다. HTML 코드: <divclass="col-md-6form-groupmb-5"><labelfor="package">패키지*</label&g

P粉215292716 2024-03-28 10:36:26 0  1  415

드롭다운 메뉴가 나타나지 않는 이유는 무엇입니까?

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Simon 국제 탐색</title><link rel="stylesheet" type="text/css" href="css / sm.css&

骑师 2018-12-13 18:13:35 0  0  924

드롭다운 메뉴 항목이 표시되지 않는 이유는 무엇입니까?

내 탐색 모음은 Bootstrap5를 사용합니다. 문제는 사용자 아이콘(로그인)에 대한 드롭다운 항목이 표시되지 않는다는 것입니다. 이것은 내 코드입니다:<buttonclass="btndropdown-toggle"type="button"id="userDropdown"data-toggle="dropdown"aria-haspopup="true&quo

P粉304704653 2023-09-12 15:22:22 0  1  591

선택한 옵션을 다른 페이지로 전송하기 위해 Vue 애플리케이션을 구현하는 방법

내 Vue 앱의 첫 번째 페이지에는 이메일 주소 목록이 포함된 드롭다운 메뉴가 있습니다. 선택한 값/텍스트를 저장하고 내가 라우팅하는 받은 편지함 페이지에서 매개변수 또는 변수로 사용하고 싶습니다. 다음은 v-autocomplete를 사용하는 드롭다운 메뉴의 코드입니다. <v-autocompletedensefilledlabel="Select Mailbox" v-model="mailboxes":items="mailboxes"

P粉308089080 2023-08-28 09:44:23 0  2  544

연도 드롭다운 옵션이 표시되지 않습니다.

반응 날짜 선택기에서는 연도 드롭다운이 표시되지 않고 모든 속성이 전달됩니다. 그러나 연도 드롭다운이 여전히 누락되었습니다. <DatePickername={props.inputName}id={props.dateBoxId}placeholderText={props.placeholderText}autoComplete="off" dateFormat={props.dateForma

P粉060528326 2024-03-29 17:45:37 0  1  308