鏈接:http://misiur.com/teatr多的jCarousel錯誤「的jCarousel:不寬/高設置的項目......」
錯誤代碼:「的jCarousel:不寬/高爲項目設置這將導致一個無限循環正在中止。 ..「
我有一個旋轉木馬 - 沒有錯誤。然後我添加了新的 - 這個錯誤。與第一個一樣構建。簡單的HTML:ul與兒童li> a> img 我不知道爲什麼會發生。我試圖用CSS添加尺寸,但仍然沒有。 IMG的需要是相同的大小?
在此先感謝。
鏈接:http://misiur.com/teatr多的jCarousel錯誤「的jCarousel:不寬/高設置的項目......」
錯誤代碼:「的jCarousel:不寬/高爲項目設置這將導致一個無限循環正在中止。 ..「
我有一個旋轉木馬 - 沒有錯誤。然後我添加了新的 - 這個錯誤。與第一個一樣構建。簡單的HTML:ul與兒童li> a> img 我不知道爲什麼會發生。我試圖用CSS添加尺寸,但仍然沒有。 IMG的需要是相同的大小?
在此先感謝。
即使這是一個老問題,它仍然出現在谷歌搜索這個主題。
我發佈了一個解決這個在我的博客在這裏http://drayblog.gotdns.com/index.php/2011/03/31/jcarousel-no-width-height-set-for-items/
但以防萬一有一天它的股價下跌,繼承人後
不管你jarousel項目widthand高度屬性出現的錯誤。您需要設置輪播的第一個父級的寬度和高度。如果你按照下面的設計模式,你不能出錯
首先我假設你已經包含了一個對你已經下載的jcarousel庫的引用。其中只有一個,所以你找不到它。這裏
div id="hlrt" ol id="hmprt" runat="server" clientidmode="Static" li class="l" !--your stuff in here-- /li /ol /div
你初始化的JScript,使您的傳送帶生活(注意應用有序列表)
//initialise $('#hmprt').jcarousel({ vertical: true, easing: 'easeInOutQuad', scroll: 4, auto: 5, wrap: 'circular', animation: 3000 });
你的CSS(注應用於包裝DIV)
#hltr .jcarousel-item-vertical, #hltr .jcarousel-item-placeholder-vertical { width: 330px; height: auto; } #hltr .jcarousel-container-vertical { width: 330px; height: 350px; border: 1px solid #fff; } #hltr .jcarousel-clip-vertical { width: 330px; height: 350px; z-index: 20; }
爲什麼我們這樣做是因爲類的jCarousel的ammends HTML標記,這樣的款式將不再適用,因爲對象將不再存在,或者在的jCarousel對象級別相同名稱的原因。
謝謝!爲了達到這個目的,我們需要刪除 緩動行:'easeInOutQuad' ,因爲jQuery會嘗試用這個名字找到回調,並且會觸發錯誤。 – valk 2011-08-07 05:51:37