좋은 아침 여러분,이 질문이 여러 번 들렸다는 것을 알고 있지만 살펴 보려고했지만 문제를 해결할 수 없었습니다. owlCarousel 라이브러리를 사용하여 동적 워드 프레스 갤러리를 반복하고 있습니다. 이것은 현재 표준 코드입니다.
var owl = jQuery('.owl-carousel');
owl.owlCarousel({
margin: 10,
loop: true,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 3
},
1000: {
items: 4
}
}
})
모든 것이 정상적으로 작동하여 갤러리에서 4 개의 이미지를 볼 수 있습니다. 워드 프레스에서 내 사용자 지정 게시물 유형의 게시물 수만큼 항목을 만들고 싶습니다. 그래서 요청 된 개체의 배열이 사용자 지정 루프와 함께 도착하는 baratto_obj.n_activity 라는 변수를 만들었습니다 . 그래서이 코드를 테스트했습니다.
jsonObj = [];
jQuery(baratto_obj.n_attivita).each(function(index) {
item = {
items: index +1
}
jsonObj.push(item);
});
console.log(jsonObj)
도착하는 것은 객체의 배열입니다.
(3) [{…}, {…}, {…}]
0: {items: 1}
1: {items: 2}
2: {items: 3}
하지만 이렇게 변형 할 수는 없습니다.
{
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 3
},
1000: {
items: 4
}
owlCarousel 함수에 매개 변수로 제공합니다. 최종 결과는 다음과 같습니다.
owl.owlCarousel({
margin: 10,
loop: true,
responsive: myobject
})
누군가 나에게 팁을 줄 인내심을 가질 것입니다. 미리 감사드립니다
객체에 배열을 할당 할 수 있습니다. 이렇게하면 인덱스가 속성으로 유지됩니다.
var array = [{ items: 1 }, { items: 2 }, { items: 3 }],
object = Object.assign({}, array);
console.log(object);
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다