0
我正在爲某個side-project製作我自己的jssor,並且偶然發現了一些我已經看到有些人遇到問題的寬度問題。我發現this code解決了這個問題,但之後它沒有以任何方式調整大小,只是在添加代碼之前看起來像。
在chrome中使用f12幫助我發現了下一個錯誤:「Uncaught TypeError:無法讀取'undefined'的屬性'ScaleWidth'。我不知道這是應該找到的。這裏是我的代碼的外觀(從上面的鏈接添加修復)。
<script>
jssor_1_slider_init = function() {
var jssor_1_SlideoTransitions = [
[{b:0,d:700,y:-124,e:{y:27}}],
[{b:0,d:700,y:-124,e:{y:27}}],
[{b:0,d:700,y:-124,e:{y:27}}],
];
var jssor_1_options = {
$AutoPlay: true,
$SlideDuration: 1139,
$DragOrientation: 2,
$PlayOrientation: 2,
$SlideEasing: $Jease$.$OutQuint,
$CaptionSliderOptions: {
$Class: $JssorCaptionSlideo$,
$Transitions: jssor_1_SlideoTransitions
},
$ArrowNavigatorOptions: {
$Class: $JssorArrowNavigator$
},
$BulletNavigatorOptions: {
$Class: $JssorBulletNavigator$
}
};
var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);
function ScaleSlider() {
var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
if (refSize) {
refSize = Math.min(refSize, 1920);
jssor_1_slider.$ScaleWidth(refSize);
}
else {
window.setTimeout(ScaleSlider, 30);
}
}
ScaleSlider();
$Jssor$.$AddEvent(window, "load", ScaleSlider);
$Jssor$.$AddEvent(window, "resize", ScaleSlider);
$Jssor$.$AddEvent(window, "orientationchange", ScaleSlider);
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
function ScaleSlider() {
var bodyWidth = document.body.clientWidth;
if (bodyWidth)
jssor_slider1.$ScaleWidth(Math.min(bodyWidth, 1920));
else
window.setTimeout(ScaleSlider, 30);
}
ScaleSlider();
$(window).bind("load", ScaleSlider);
$(window).bind("resize", ScaleSlider);
$(window).bind("orientationchange", ScaleSlider);
};
</script>
的Jssor 1600像素的寬度,如difined(未在這裏包括代碼)在id爲 「jssor_1」 在div。另外我的CSS聲明所有文本都居中。
有人任何想法如何解決這個問題?
什麼是你的作品原來的代碼?問題是什麼? – jssor
@jssor我試着用原來的(重新下載)切換掉所有的javascript文件,但那並不奏效,所以我試着改變了var jssor_1_slider下的一些設置,這有助於我的某些原因,不知道爲什麼。謝謝你的時間,但!很高興看到有人試圖幫助實際爲其編寫代碼;) – wariostarx