버튼을 클릭하면 다른 버튼이 클릭되지 않습니다.
그림 파치
YouTube처럼 콘텐츠 슬라이더를 만들려고합니다
그리고 여기 내 ..
내 콘텐츠는 800px만큼 완벽하게 오른쪽 또는 왼쪽으로 슬라이드합니다. 하지만 여기에 문제가 있습니다. 왼쪽 아이콘을 먼저 클릭하면 오른쪽 아이콘을 클릭해도 작동하지 않습니다! 이것에 대한 해결책이있을 수 있을까 ..?
자바 스크립트 :
$(document).ready(function(){
$("#trendingnexticon").on('click' ,function(){
$("#trendingtable").animate({right: '+=800px'});
});
});
$(document).ready(function(){
$("#trendingpreviousicon").on('click' ,function(){
$("#trendingtable").animate({left: '+=800px'});
});
});
HTML :
<div id="trendingdiv" class="" style="overflow-x:scroll; overflow: hidden;">
<table id="trendingtable" class="table" style="position:relative;">
<a id="trendingpreviousicon" style="cursor:pointer; margin-top: 62px;
position:absolute; z-index:1;" class="previous round">‹</a>
<a id="trendingnexticon" style="cursor:pointer; margin-left: 1250px;
margin-top: 62px; position:absolute; z-index:1;" class="next round">›
</a>
<tr>
<?php while ($tsingers = mysqli_fetch_assoc($tsingersquery)): ?>
<td>
<div class="media" style="border: 1px solid #e6e6e6; width:400px;
padding: 0px;">
<img src="images/<?=$tsingers['image'];?>" alt="<?
=$tsingers['name'];?>"
class="pull-left img-responsive" style="width: 200px; height:
150px;" id="artistimg">
<div id="trendingmediabody" class="media-body">
<p id="trendingname" style="font-size:14px; font-weight:
bolder;"><?=$tsingers['name'];?></p>
<p id="trendingcategory" style="font-size:12px; font-weight:
bolder;"><?=$tsingers['category'];?></p></br></br>
</div>
</div>
</td>
<?php endwhile; ?>
</tr>
</table>
</div>
Chrisstar
"left"및 "right"속성이 충돌합니다.
$(document).ready(function(){
$("#trendingnexticon").on('click' ,function(){
$("#trendingtable").animate({right: '+=800px'});
});
$("#trendingpreviousicon").on('click' ,function(){
$("#trendingtable").animate({right: '-=800px'});
});
});
추신 : 하나면 충분하기 때문에 이중 $ (document) .ready도 제거했습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
버튼을 클릭하면 데이터가 추가되지 않습니다.
- 2
내 활동에 두 개의 버튼이 있습니다. 두 버튼을 클릭하면 다른 버튼이 강조 표시되지 않습니다.
- 3
다른 버튼을 클릭하면 작동하지 않습니다.
- 4
버튼을 클릭하면 경고가 표시되지 않습니다.
- 5
onOptionsItemSelected에서 버튼을 클릭하면 Alertdialog가 표시되지 않습니다.
- 6
버튼을 클릭하면 jquery 함수가 트리거되지 않습니다.
- 7
버튼을 클릭하면 페이지가 의도하지 않습니다.
- 8
버튼을 클릭하고 다른 버튼을 닫습니다.
- 9
버튼을 클릭하면 tyface.default.getstyle ()이 작동하지 않습니다.
- 10
버튼을 클릭하면 JQuery OnClick이 작동하지 않습니다.
- 11
버튼을 클릭하면 앱이 중지됩니다.
- 12
다른 탭을 이동하려면 클릭 가능한 버튼
- 13
버튼을 클릭하면 새 버튼이 나타나고 작동하지 않습니다.
- 14
버튼을 클릭하면 ArrayList를 다른 페이지로 보냅니다.
- 15
다른 버튼을 클릭하면 이전 창을 닫습니다.
- 16
Android- 버튼을 클릭하면 메시지 전송이 중지되지 않습니다.
- 17
사용자가 버튼을 클릭하면 이미지가 올바르게 표시되지 않습니다.
- 18
Android Studio에서 버튼이 클릭되지 않습니다.
- 19
jQuery : 버튼을 클릭하여 다른 페이지로 이동
- 20
버튼을 클릭하려고하면 작동하지 않습니다.
- 21
제출 버튼을 클릭하면 필드가 지워지지 않습니다.
- 22
다른 버튼 위에있는 사용 안함 버튼을 클릭하면 다른 버튼의 클릭 이벤트가 트리거됩니다.
- 23
제출 버튼을 클릭해도 댓글이 추가되지 않습니다.
- 24
Selenium Webdriver : 라디오 버튼을 클릭하면 작동하지 않습니다
- 25
"버튼을 클릭하면 GUI가 응답하지 않습니다."
- 26
gridview에서 버튼을 클릭하면 작동하지 않습니다.
- 27
버튼을 클릭하면 jquery에서 작동하지 않습니다.
- 28
버튼을 클릭하면 앱이 닫힙니다.
- 29
버튼을 클릭하면 빈 공간이 표시됩니다.
몇 마디 만하겠습니다