codecanyon.net からいくつかのファイルを購入しましたが、それらはすべてのブラウザーで正常に動作しています。つい最近、それらが Chrome で動作していないことに気付きました。
コードは非常に大きく、js ファイルで試行錯誤しながらいくつかの変更を試みましたが、失敗しました。スライダーはhttp://miguelsart.com/scroller-testで確認できます。
ご覧のとおり、キャプションは非表示になっているはずで、カーソルを合わせると上にスライドします。しかし、Chrome ではキャプションが自動的に表示され、ホバーしても何も起こりません。
コードのこの部分で何かが間違っていると思います:
//init captions
Scroller.prototype.initCaptions = function() {
var $captions = this._$slides.find(">p:first");
if (this._displayCaption) {
var padding = $captions.outerWidth() - $captions.width();
$captions.css({width:this._slideWidth - padding, display:"inline-block"}).click(preventDefault);
if (this._captionPos == OUTSIDE) {
var heights = $captions.map(function() { return $(this).height(); }).get();
var maxHeight = Math.max.apply(Math, heights);
$captions.css({top:this._captionAlign == TOP ? 0 : this._slideHeight, height:maxHeight});
this._extHeight = $captions.outerHeight();
if (this._captionAlign == TOP) {
this._extOffset = this._extHeight;
}
$captions.addClass("outside");
}
else {
if (jQuery.browser.msie && parseInt(jQuery.browser.version) > 6 && parseInt(jQuery.browser.version) < 9) {
$captions.addClass("ie-inside");
}
else {
$captions.addClass("inside");
}
}
}
else {
$captions.hide();
}
}
不透明度または可視性のためにディスプレイを置き換えてみましたが、何も機能しませんでした。誰が何が間違っているのか手がかりを持っていますか?
前もって感謝します!