Laravel의 페이지네이션을 클릭할 때 확인하기
하고 싶은 일
Laravel의 페이지 네이션을 선택할 때
정말 이동해도 좋은지 확인하고 싶다.
환경
Laravel6
jQuery
방법
아래와 같이 페이지네이션 설치
app.blade.php{{$hoges->links()}}
그러면 표준이라면 이러한 HTML로 배포됩니다.
<nav>
<ul class="pagination">
<li class="page-item disabled" aria-disabled="true" aria-label="« 前">
<span class="page-link" aria-hidden="true">‹</span>
</li>
<li class="page-item active" aria-current="page">
<span class="page-link">1</span>
</li>
<li class="page-item">
<a class="page-link" href="//localhost;page=2">2</a>
</li>
<li class="page-item">
<a class="page-link" href="//localhost;page=2" rel="next" aria-label="次 »">›</a>
</li>
</ul>
</nav>
이것을 확인하면, 현재 있는 페이지(1페이지째)나 이전의 버튼은 span 태그가 되어 있습니다.
즉 page-item 클래스의 아이 요소로, page-link 클래스를 가진 a 태그가 클릭되었을 때에 확인하면 좋을 것 같습니다.
confirm.js $(".page-item a[class='page-link']").on('click', function (e) {
if (!confirm('移動しますか？')) {
e.preventDefault();
}
})
})
누르면 확인이 표시됩니다.
Reference
이 문제에 관하여(Laravel의 페이지네이션을 클릭할 때 확인하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/ntm718/items/5c3446757b271f9b46e5
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
아래와 같이 페이지네이션 설치
app.blade.php
{{$hoges->links()}}
그러면 표준이라면 이러한 HTML로 배포됩니다.
<nav>
<ul class="pagination">
<li class="page-item disabled" aria-disabled="true" aria-label="« 前">
<span class="page-link" aria-hidden="true">‹</span>
</li>
<li class="page-item active" aria-current="page">
<span class="page-link">1</span>
</li>
<li class="page-item">
<a class="page-link" href="//localhost;page=2">2</a>
</li>
<li class="page-item">
<a class="page-link" href="//localhost;page=2" rel="next" aria-label="次 »">›</a>
</li>
</ul>
</nav>
이것을 확인하면, 현재 있는 페이지(1페이지째)나 이전의 버튼은
span 태그가 되어 있습니다.즉
page-item 클래스의 아이 요소로, page-link 클래스를 가진 a 태그가 클릭되었을 때에 확인하면 좋을 것 같습니다.confirm.js
$(".page-item a[class='page-link']").on('click', function (e) {
if (!confirm('移動しますか？')) {
e.preventDefault();
}
})
})
누르면 확인이 표시됩니다.
Reference
이 문제에 관하여(Laravel의 페이지네이션을 클릭할 때 확인하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/ntm718/items/5c3446757b271f9b46e5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
