jcarousel nicht richtig in Chrome arbeitet

Question

in meinem Code Ich bin ein ul li für die jcarousel dh seine eine Liste von Daten zu erstellen (ex. Liste des Fotos)

, wenn das Foto Zählung mehr als 4 sagen, Das Jcarousel ermöglicht horizontales Scrollen, um die nächsten 4 Fotos zu sehen.

PROBLEM: ist, wenn ich den Code in Chrom laufen die horizontalen Bildlauf deaktiviert bleiben, auch wenn Anzahl der Fotos mehr als 4 ist, in anderen Browsern es perfekt funktioniert ..

heres der Code, der Jquery-Datei importiert:

 function SetCarousel() { 

      $.getScript('<%=Html.LibUrl("jplugins/jquery.jcarousel.pack.js")%>', 
function(result) 
       { 

       jQuery('#CarouselUL').jcarousel({ 
        visible: 4 
       }); 
      }); 

     } 

ich versucht habe js-Datei @ oben auf der Seite (aspx) beziehen funktionierte nicht ..even machte es noch schlimmer

pls help

Answer 1

Ich nehme an, Sie meinen jCarousel?

Wenn ja, welche jQuery-Version verwenden Sie?

Da dieses Plugin seit langer Zeit keine Updates mehr hat. Die aktuelle Version ist 0.2.3 vom 7. April 2008 und das Changelog für diese Version sagt

Version 0.2.3 - 2008-04-07 Aktualisiert
- jQuery auf Version 1.2.3. Feste
- (hoffentlich) Probleme mit Safari

Ich erinnere mich an dieses Plugin einige Probleme mit neueren Versionen jQuery mit beginnend mit 1.2.6 (wir heute auf 1.3.2 sind bereits).

Auch Sie müssen sich bewusst sein, dass die aktuelle Version von jCarousel erschien vor der ersten Veröffentlichung von Google Chrome (Version 0.2 kam am 08. September 2008).

Answer 2

Ich habe dies auf einer Website, an der ich gerade arbeitete, behoben, indem ich den Code, der Safari spezifiziert, auskommentiert habe; Aus irgendeinem Grund scheinen die Fixes, die sie eingefügt haben, obsolet geworden zu sein. Ich benutze jQuery 1.3.2.

Hier ist der Code, den ich gezupft:

jquery.carousel.js: um die Linie 184

/*if ($.browser.safari) { 
     this.buttons(false, false); 
     $(window).bind('load', function() { self.setup(); }); 
    } else */ 
     this.setup(); 

jquery.carousel.js: um die Linie 858

  /*if (p == 'marginRight' && $.browser.safari) { 
      var old = {'display': 'block', 'float': 'none', 'width': 'auto'}, oWidth, oWidth2; 

      $.swap(el, old, function() { oWidth = el.offsetWidth; }); 

      old['marginRight'] = 0; 
      $.swap(el, old, function() { oWidth2 = el.offsetWidth; }); 

      return oWidth2 - oWidth; 
      }*/ 

Hoffentlich wird diese Lösung Ihnen und anderen helfen, die auf das Problem stoßen!

Answer 3

Ich versuchte Nummer 1 Lösung und es hat funktioniert. Netter Mann, vielen Dank. ich nur kommentiert die Linien:

/*if ($.browser.safari) { 
    this.buttons(false, false); 
    $(window).bind('load', function() { self.setup(); }); 
} else */ 
    this.setup(); 

Answer 4

sehr schön ... jquery.carousel.js: um die Linie 184

/* if ($ .browser.safari) { dieses.Tasten (falsch, falsch); $ (window) .bind ('load', function() {self.setup();}); } sonst */ this.setup();

jquery.carousel.js: um die Linie 858

 /*if (p == 'marginRight' && $.browser.safari) { 
     var old = {'display': 'block', 'float': 'none', 'width': 'auto'}, oWidth, oWidth2; 

     $.swap(el, old, function() { oWidth = el.offsetWidth; }); 

     old['marginRight'] = 0; 
     $.swap(el, old, function() { oWidth2 = el.offsetWidth; }); 

     return oWidth2 - oWidth; 
     }*/ 

Dies funktioniert sehr gut .... Danke ....

Answer 5

Diese ehrfürchtige ist mein Problem jsims281 Dank behoben ist

In meinem Fall habe ich

jquery.jcarousel.min

verwendet

und der Code kommentiert ist Linie kein 134-139

/*if(!q&& i.browser.safari){ 
      this.buttons(false,false); 
      i(window).bind("load.jcarousel",function(){ 
       g.setup() 
       }) 
      }else */ this.setup() 
      }; 

und Linie Nr 470-484

/*if(c=="marginRight"&&i.browser.safari){ 
      var d={ 
       display:"block", 
       "float":"none", 
       width:"auto" 
      },e,f; 
      i.swap(b,d, function(){ 
       e=b.offsetWidth 
       }); 
      d.marginRight=0; 
      i.swap(b,d,function(){ 
       f=b.offsetWidth 
       }); 
      return f-e 
      }*/ 

Answer 6

Es scheint nur eine Bedingung links in Version 0.28 und verursacht Verzögerungen bei der Abschluss des Setups

Basierend auf Jsims281 (danke Jsims), suchte ich die minimierte Version von jCarousel v0.28 und fand diese Zeile wie folgt ing:

!m&&g.browser.safari?(this.buttons(!1,!1),g(window).bind("load.jcarousel",function(){e.setup()})): 

sollte die obige Kommentar sein:

/*!m&&g.browser.safari?(this.buttons(!1,!1),g(window).bind("load.jcarousel",function(){e.setup()})):*/ 

Answer 7

In Version 0.2.9 für mich gearbeitet.
nahm ich die verkleinerte Version und warf ihn durch die http://jsbeautifier.org und verändert die folgende auf der Leitung 95

}, null !== this.options.initCallback && this.options.initCallback(this, "init"), !c && d.isSafari() ? (this.buttons(!1, !1), a(window).bind("load.jcarousel", function() 
{ 
l.setup() 
})) : this.setup() 

zu

}, null !== this.options.initCallback && this.options.initCallback(this, "init"), !c /*&& d.isSafari() ? (this.buttons(!1, !1), a(window).bind("load.jcarousel", function() 
    { 
     l.setup() 
    })) :*/ this.setup()