프로그래밍 방식으로 팝업을 만들었고 축소 가능하며 목록보기는 팝업의 내용 안에 있습니다.
$.map
내 데이터를로드 하는 데 사용하여 축소 가능 및 목록보기가 동적으로 생성됩니다.
여기 내 jsFiddle입니다
목록보기에 <li>
표시되는 수를 제한하는 방법이 있는지 궁금합니다 .
예를 들면
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
4 만 표시하고 싶은데 <li>
5 번째 <li>
는 스크롤로 표시됩니다.<ul>
그것을 달성하기 위해 어떻게 할 수 있습니까?!
높이를 설정하려고했지만 <ul>
작동하지 않습니다 ...
내 영어가 안 좋아서 미안해 ... 난 대만인이야
내가 무슨 말을 하려는지 이해가 안된다면 말 해주세요
나는 그것을 더 잘 설명하려고 노력할 것이다
다음은 솔루션으로 업데이트 된 바이올린입니다. http://jsfiddle.net/ezanker/CnSMr/2/
기본적으로 접을 수있는 div (.popupcollapsediv)에 클래스를 할당 한 다음 UL을 클래스 .ulcontainerdiv로 다이빙에 넣습니다.
$.map(kennedy.webdb.userdata[0].Category, function (value, key) {
return $("<div/>", {
id: value.Name,
"data-role": "collapsible",
"data-inset": "false",
class: "popupcollapsediv"
}).append(
$("<h2/>", {
text: value.Name
})).append(
$("<div/>", {
class: "ulcontainerdiv"
}).append(
$("<ul/>", {
"data-role": "listview",
"data-icon": "false"
}).append(
...
그런 다음 CSS를 사용하여 각 UL이 포함 된 div의 최대 높이를 설정하고 포함 된 UL이 해당 최대 높이보다 큰 경우 스크롤을 허용했습니다. 축소 가능에 의해 생성 된 자동 생성 div에서 패딩을 제거합니다.
.ulcontainerdiv{
max-height: 170px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.popupcollapsediv .ui-body-a {
padding: 0;
margin: 0;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다