javascript - jquery 슬라이더 플러그인을 추천해주세요. 기능은 매우 간단합니다.

그런 슬라이더 플러그인이 필요합니다. 매우 간단하지만 오랫동안 인터넷에서 검색했는데 적합한 플러그인을 찾을 수 없습니다. jquery에 의존할 수는 있지만 jquery ui에는 의존하지 마세요. 그리고 다른 도서관.

某草草 2017-05-19 10:35:24 0  4  740

가로 모드 전환 전 팝업 닫기

내 질문은 매우 간단합니다. 오른쪽에서 왼쪽으로 슬라이드해서 열리는 팝업이 있는데 왼쪽에서 오른쪽으로 슬라이드해서 닫히기를 원합니다. 현재 팝업을 올바르게 열 수 있지만 예상대로 닫을 수는 없습니다. hello.overlay{opacity:0;transition:opacity0.4slinear;}.overlay{&.-show{opacity:1}}.overlay{.items-content{transform:translateX

P粉294954447 2023-08-16 16:57:55 0  1  552

javascript - 반응으로 애니메이션 효과를 작성하는 방법은 무엇입니까?

반응 중인 구성 요소에 대한 애니메이션 효과를 만드는 방법은 무엇입니까? 예를 들어 간단한 대화 상자의 경우 취소를 클릭하면 대화 상자가 먼저 희미해졌다가 사라지기를 바랍니다. jquery를 사용하는 경우 매우 간단합니다. 먼저 애니메이션({ //Fade CSS}, function(){ //Delete DOM})을 적용합니다. 그런데 반응이 어떨지 모르겠어요...

世界只因有你 2017-05-18 10:58:34 0  2  768

터치 동작으로 클릭 이벤트 방지

touch-action:pan-y가 포함된 div가 있습니다. div 주위에 앵커 태그가 있습니다. 이제 div를 클릭하면 링크가 작동하고 리디렉션됩니다. 그러나 div를 스와이프하고 스와이프를 놓은 다음 div를 클릭하면 첫 번째 클릭에서는 링크가 작동하지 않지만 두 번째 클릭에서는 작동합니다. 스와이프가 완료된 후 첫 번째 클릭에서는 클릭 이벤트 핸들러가 실행되지 않는 것으로 나타났습니다. SEO와 크롤러가 문제를 일으키지 않고 이 문제를 어떻게 해결할 수 있습니까? 터치액션이 필요해

P粉575055974 2023-09-12 22:06:25 0  1  697

javascript - setInterval이 한 번만 실행되는 이유는 무엇입니까?

단순 백그라운드 전환 jquery part {code...} html part {code...} css part .bg2 default display:none; setInterval()은 한 번만 실행되는데 왜 두 번째에는 입력할 수 없는지 묻고 싶습니다. 여러분, 저를 경멸하지 마세요. 답변 감사합니다~

黄舟 2017-06-30 09:55:19 0  7  996

매끄러운 슬라이더를 계속 자동 재생하면서 화살표/포인트 클릭 시 스크롤을 가속화하는 방법은 무엇입니까?

자동으로 계속 재생되는 슬라이더를 만들고 싶습니다. 잘 작동하는데 화살표와 점이 제대로 작동하지 않는 것 같습니다. 어떤 설정을 변경해야 할지 잘 모르겠지만 화살표나 점을 클릭한 후 바로 슬라이더가 스크롤되도록 하고 싶습니다. 아래 코드를 사용하여 일부 설정을 변경해 보았지만 아무것도 작동하지 않는 것 같습니다. 속도가 6000으로 설정되면 자동 재생 타이밍은 완벽하지만 점/화살표를 클릭한 후 스크롤할 때 동일한 느린 속도를 사용합니다. 이 동작은 원치 않습니다(선택한 슬라이드로 즉시 스크롤해야 함). 내 목표를 달성하기 위해 무엇...

P粉956441054 2024-03-25 21:20:33 0  1  497

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

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

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

javascript - 모두가 단일 페이지 프로젝트에 vue를 사용하고 있는데 전통적인 다중 페이지 프로젝트에 vue를 사용할 수 있습니까?

당분간 프로젝트를 단일 페이지 애플리케이션으로 만들 필요가 없는데 Vue를 기존 다중 페이지 프로젝트에서 간단히 사용할 수 있습니까? 전에 이런 일을 해본 사람이 있나요? 내가 무엇을 알아야 합니까? 항상 vue를 jquery로 사용하면 바보 취급을 받을 거라고 생각했는데, 이제 권위 있는 답변이 나왔으니 마음껏 쓸 수 있겠네요...

仅有的幸福 2017-05-16 13:20:31 0  9  946

javascript - Firefox에서 jQuery를 클릭하면 충돌이 발생합니다. 어떻게 해결합니까?

{Code...} 기본적으로는 이렇게 간단한 구조입니다. warpBox를 클릭하면 warpDiv가 표시됩니다. {Code...} 문제는 ​​클릭하면 숨겨진 div도 표시되지만 깜박입니다. 다른 브라우저에서의 테스트는 일반적이며 현재 최신 jQuery 버전을 사용하고 있습니다. 어떻게 해결하나요? ...

阿神 2017-06-12 09:28:47 0  2  848

CSS 애니메이션은 사라지지 않습니다.

마우스를 올리면 배경 이미지가 페이드 인 및 페이드 아웃되는 간단한 애니메이션 문제를 해결하려고 합니다. 키프레임을 정의했는데도 웹 브라우저에 정의되지 않은 것으로 표시됩니다. .elementor-section.elementor-element.core-range>.elementor-container:hover.product-image::before{animation:coreRangeBackground0.3sease-in -아웃0.

P粉352408038 2023-08-18 16:45:01 0  1  586

텍스트 영역 자동 확장

간단한 자동 확장 텍스트 영역을 만들려고 합니다. 이것은 내 코드입니다: textarea.onkeyup=function(){textarea.style.height=textarea.clientHeight+'px';} 하지만 입력할 때마다 텍스트 영역이 무한히 커집니다... Dojo 및 jQuery 플러그인이 있다는 것을 알고 있습니다. 이것을 달성하지만 나는 그것을 사용하고 싶지 않습니다. 나는 그들의 구현을 살펴보고 원래는 scrollHeight를 사용했지만 동일한 작업을 수행했습니다. 당신은 시작할 수 있습니다

P粉245489391 2023-10-21 08:49:23 0  2  697

JavaScript의 onClick 이벤트 핸들러에서 큰따옴표를 이스케이프 처리하는 방법

아래의 간단한 코드 블록은 정적 HTML 페이지에서 작동하지만 JavaScript 오류를 발생시킵니다. onClick 핸들러에 포함된 큰따옴표(예: "xyz")를 어떻게 처리해야 합니까? HTML은 데이터베이스에서 데이터를 가져와 동적으로 생성되며, 이는 다른 HTML 코드의 조각이며 작은따옴표 또는 큰따옴표를 포함할 수 있는 것 같습니다. 큰따옴표 문자 앞에 백슬래시를 추가해도 문제가 해결되지 않습니다.

P粉926174288 2023-08-22 13:12:47 0  2  550

MongoDb 및 Laravel 8.83을 사용하여 애플리케이션 구축

저는 PHP와 Laravel의 초보자입니다. mongodb를 데이터베이스로 사용하여 이 간단한 CRUD 애플리케이션을 구축하려고 합니다. https://www.mongodb.com/compatibility/mongodb-laravel-intergration을 튜토리얼로 사용하고 있습니다. 현재 laravel에 데이터를 표시하는 데 문제가 있습니다. 'mongodb' => ['driver' =를 사용하여 애플리케이션에 데이터베이스를 추가했습니다.

P粉155551728 2024-03-31 22:18:53 0  1  473

디렉토리의 기존 파일을 기반으로 업로드 시 파일 이름을 순차적으로 바꿉니다.

나는 이미지 업로드 양식을 위해 온라인에서 찾은 이 (php) 업로드 코드를 사용하고 있습니다. 업로드할 때 "파일 이름 바꾸기"에 대한 질문/답변이 사이트에 이미 많이 있다는 것을 알고 꽤 많이 조사했습니다. 지금까지...그들 중 어느 것도 내가 하고 싶은 일을 구체적으로 언급하지 않은 것 같습니다. 내가 사용하는 코드를 조정하면 이 문제를 해결할 수 있기를 바랍니다. 궁극적으로... 단일 파일(여러 개가 아닌)을 업로드하고 파일 이름을 간단한 숫자(예: 1, 2, 3, 4 또는 5 등)로 자동 지정하고 싶습니다...

P粉310931198 2023-09-10 13:14:12 0  1  721

React 애플리케이션에서 라이브 서버를 사용할 수 없는 이유는 무엇입니까?

라이브 서버를 사용하여 React 애플리케이션을 제공하는 것이 불가능하다는 것을 알고 있습니다. 즉, js가 번들로 묶여 HTML 파일에 링크되어 있어도 파일을 정적으로 열면 React 코드가 렌더링되지 않습니다. 정적 및 동적 서버에 대해 배웠지만 React는 모두 클라이언트에서 발생하기 때문에 webpack, vite 또는 간단한 Express 서버를 사용하여 앱을 제공하는 것이 왜 작동하지만 라이브 서버를 통하지 않거나 수동으로 열고 열 수 없는지 이해할 수 없습니다. 일하다. 차이점이 뭐야?

P粉131455722 2023-08-28 10:32:47 0  1  559

scrollIntoView()가 컨테이너를 페이지 상단으로 스크롤하는 것을 방지합니다.

스크롤 스냅을 사용하지만 현재 표시된 슬라이드를 제어하기 위한 탐색 버튼도 포함하는 간단한 "주로 CSS" 이미지 캐러셀을 만들려고 합니다. 내가 찾은 유일한 해결책은 내가 원하는 작업을 수행하는 대상 요소에 scrollIntoView()를 사용하는 것입니다. 그러나 이 방법은 항상 대상 요소를 페이지 상단으로 스크롤합니다. 대상 캐러셀 슬라이드와 컨테이너를 원래 위치에 유지하고 슬라이드가 가로로 스크롤되어 표시되기를 원합니다. 저는 AdamArgyle의 예를 보고 있었는데 그는 이것을 했고 컨테이너는 그 자리에 ...

P粉690200856 2024-03-26 20:25:28 0  1  490

사용자는 나란히 놓인 div를 드래그하여 너비를 조정할 수 있습니다.

두 개의 div가 나란히 있습니다. 간단한 해결 방법이 있는 경우 사용자가 드래그하여 두 div의 너비 크기를 조정할 수 있습니다. 한 div의 너비가 늘어나면 다른 div의 너비는 줄어들고 두 div의 너비 합계는 변경되지 않습니다. 순수 자바스크립트나 CSS를 이용해 구현할 수 있다면 참 좋을 것 같습니다. div와 같은 다른 항목을 자유롭게 추가하세요. 두 div의 코드는 다음과 같습니다: .left{float:left;width:49%;min-height:50px;border:2pxdashe

P粉690200856 2023-08-28 17:28:25 0  1  449

PHP 오류를 표시하는 방법은 무엇입니까?

내 PHPini 파일(php.ini)을 확인했는데 display_errors가 설정되어 있고 오류가 E_ALL로 보고되었습니다. Apache 웹 서버를 다시 시작했습니다. 심지어 이 줄을 스크립트 상단에 배치했는데 간단한 구문 분석 오류도 포착하지 못했습니다. 예를 들어, "$"를 사용하여 변수를 선언했지만 닫는 문 ";"은 사용하지 않았습니다. 그러나 내 모든 스크립트는 이러한 오류에 대해 빈 페이지를 표시하지만 브라우저 출력에서 ​​실제로 오류를 확인하고 싶습니다. 오류_보고

P粉807397973 2023-08-23 10:45:28 0  2  585

범위 지정 JavaScript: 특정 요소에서만 작동하는 방법은 무엇입니까?

페이지의 특정 요소에 대해 공개 클래스를 전환하는 한 가지 작업만 수행하는 매우 간단한 JS 코드가 있습니다. 문제는 4개의 중복된 .clickSlide 요소와 .sub_menu 요소가 있고 그 중 하나를 클릭하여 코드를 트리거하면 모든 요소가 공개 클래스를 얻는다는 것입니다. 집중된 요소 중 하나만 공개 클래스를 받아야 합니다. 내 추측으로는 이것이 JS 어딘가에 누락되어 있다는 것입니다. 하지만 저는 이 문제에 대한 해결책을 찾고 있습니다! jQuery(문서).ready(함수

P粉884548619 2023-09-08 20:36:06 0  1  648

PHP 오류 표시 문제를 해결하는 방법

내 PHPini 파일(php.ini)을 확인했는데 display_errors가 설정되어 있고 오류 보고도 E_ALL입니다. Apache 웹 서버를 다시 시작했습니다. 심지어 이 줄을 스크립트 상단에 배치했지만 간단한 구문 분석 오류도 포착하지 못했습니다. 예를 들어, "$"를 사용하여 변수를 선언했지만 닫는 문 ";"이 없습니다. 그러나 모든 스크립트에는 이러한 오류에 대한 빈 페이지가 표시되지만 브라우저 출력에서 ​​실제로 오류를 확인하고 싶습니다.

P粉469090753 2023-08-20 11:45:59 0  2  612