jQuery的旋轉木馬並不如預期運行

我已經實現在一個WordPress網站與AJAX頁面請求jQuery的旋轉木馬。現在，旋轉木馬正在此網頁上：jQuery的旋轉木馬並不如預期運行

但不能與一個AJAX請求打開頁面時。

我怎樣才能解決這個問題？

我得到了一些JavaScript錯誤

jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...

這很奇怪，因爲它是，它應該工作正常的鏈接..

這是代碼調用轉盤

<script type="text/javascript"> 
    jQuery('ul#about-jcarousel').jcarousel({scroll: 1,visible: 3,wrap: 'circular'}); 
    jQuery('ul#about-jcarousel li').width(234); 
</script>

編輯：問題有點通過添加腳本調用轉盤成發起AJAX頁面加載JS文件解決。現在是工作，但不知何故，圖像顯示在對方的頂部，並通過調整完美地顯示在瀏覽器....奇怪...

來源

2012-02-13 Ronald Wildschut

看到一些調試控制檯，你的javascript有錯誤...「未捕獲的錯誤：語法錯誤，無法識別的表達式：[href = http：//different-agency.com/site/gallery/]」 – Cristy 2012-02-13 10:58:08

@christy。 ..我知道，但不知道爲什麼它應該與正常的鏈接工作，而不是與Ajax頁面調用鏈接... – 2012-02-13 11:05:35

只要在JavaScript控制檯中有錯誤，網站上的整個JavaScript將無法正常工作。除非您發佈一些代碼，否則我們無法幫助您。在此粘貼您更改的代碼，使腳本停止工作。 – Cristy 2012-02-13 11:30:13

它看起來就像你可能無法正確傳遞圖像鏈接：

Syntax error, unrecognized expression: [href=http://different-agency.com/site/gallery/]

我猜你不應該有語法中的數組括號，特別是不包含引號。

來源

2012-02-13 13:07:18 JackalopeZero

@JackalopeZero ...謝謝我解決了這個問題...不，這個問題還存在於旋轉木馬上... – 2012-02-13 13:47:51

請問您可以在腳本中啓動旋轉木馬的代碼？ – JackalopeZero 2012-02-13 15:26:34

查看帖子後的代碼 – 2012-02-14 06:49:24

正如我以前所說，圖像被旋轉木馬加載後，所以轉盤認爲它沒有圖像時，它被稱爲加載。在命令行

jQuery('ul#about-jcarousel').jcarousel({scroll: 1,visible: 3,wrap: 'circular'});

：

您可以通過打開Firebug控制檯及運行進行測試。這使輪播工作。

我不知道你是如何加載這些圖片，但我的建議是從你的JavaScript使Ajax調用時，頁面加載去獲取圖片。

的東西，如：

jQuery(document).ready(function() { 

jQuery.ajax({ 
      url: '/view/getImages', 
      type: 'GET', 
      dataType:"json", 
      contentType: 'application/json', 
      success: function (data){ 
       if (data.errorMsg){ 
        alert(data.errorMsg); 
       }else{ 
        for(i=0; i < data.images.length; i++) 
        { 
         jQuery('ul#about-jcarousel').append(li).append('<img src='+data.images[i]+'/>') 
        } 
        jQuery('ul#about-jcarousel').jcarousel({scroll: 1,visible: 3,wrap: 'circular', itemFallbackDimension: 234}); 
       } 
      } 
     }); 
}

有這樣做的可能是更容易的方法，如使用上哪個功能是加載您的圖像的回調函數。如果你正在使用框架來加載它們，但這可能是不可能的，所以這是我可以給你的唯一答案。

來源

2012-02-14 10:11:37 JackalopeZero

@JackalopeZero ...通過添加腳本來調用傳送帶到啓動ajax頁面加載的js文件中，可以解決問題。它正在工作，但不知何故圖像顯示在對方的頂部，通過調整瀏覽器的大小顯示完美....奇怪... – 2012-02-15 07:01:29

所以這個工程，但你必須調整瀏覽器的大小，讓旋轉木馬顯示正確？我只是再次檢查了非工作示例，它們看起來正確顯示，您仍在測試代碼的位置嗎？ – JackalopeZero 2012-02-15 09:29:22

jQuery的旋轉木馬並不如預期運行

回答

相關問題