第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

GliderJS 如何在輪播中的特定索引處添加項(xiàng)目？

GliderJS 如何在輪播中的特定索引處添加項(xiàng)目？

慕桂英3389331 2023-11-02 17:03:28
我正在使用 gliderJS 創(chuàng)建一個(gè)輪播，我需要?jiǎng)討B(tài)地向其添加和刪除項(xiàng)目。我設(shè)法讓它與.addItem和.removeItem()方法一起工作，雖然removeItem支持從特定索引中刪除，但我在文檔中沒(méi)有看到任何在特定索引處添加Item的方法，有人知道這是否可能嗎？這是到目前為止添加的代碼：const elementHTML = "somehtml";const element = document.createElement("div");element.innerHTML = elementHTML;glider.addItem(element);這將其添加到輪播的末尾，我想將其添加到特定索引處。
查看完整描述

1 回答

?
牛魔王的故事

TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超3個(gè)贊

沒(méi)有公開(kāi)的 api 專門執(zhí)行此操作。但是，您可以更改滑翔機(jī)的內(nèi)容并調(diào)用refresh，這確實(shí)正是該addItem方法的作用：


? gliderPrototype.addItem = function (ele) {

? ? var _ = this


? ? _.track.appendChild(ele)

? ? _.refresh(true)

? ? _.emit('add')

? }

因此理論上，您應(yīng)該能夠?qū)⒆禹?xiàng)添加到軌道中的特定索引并調(diào)用刷新，如下所示：

const glider = new Glider(document.querySelector('.glider'), {

? slidesToShow: 5,

? slidesToScroll: 5,

? draggable: true

})




function insertBeforeIndex (element, index) {

? glider.track.insertBefore(element, glider.track.children[index])

? glider.refresh()

}


const newElement = document.createElement("div")

newElement.innerHTML = "<em>new item</em>"


insertBeforeIndex(newElement, 2) // inserts it in 3rd place

.box {

? border: 2px solid lightblue;

}

<link rel="stylesheet" >

<script src="https://cdn.jsdelivr.net/npm/glider-js@1/glider.min.js"></script>


<div class="glider-contain">

? <div class="glider">

? ? <div class="box"> 1 </div>

? ? <div class="box"> 2 </div>

? ? <div class="box"> 3 </div>

? ? <div class="box"> 4 </div>

? </div>

</div>


查看完整回答
反對(duì) 回復(fù) 2023-11-02
  • 1 回答
  • 0 關(guān)注
  • 131 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)