Android 4.3无法正确显示bxslider的内容
我被困了两天,找不到解决办法 我的发展环境: Cordova 3.4.0-0.1.0、jQuery v1.10.2、BxSlider v4.1.1和Android 当我选择一个类别时,我会进行一个ajax调用,并从服务器加载我的bxslider 我的代码:前面 我的密码:回来 无论出于什么原因,安卓4.4.2都可以,但安卓4.3及更低版本的内容在那里,但我看不到 知道发生了什么吗Android 4.3无法正确显示bxslider的内容,android,jquery,cordova,bxslider,Android,Jquery,Cordova,Bxslider,我被困了两天,找不到解决办法 我的发展环境: Cordova 3.4.0-0.1.0、jQuery v1.10.2、BxSlider v4.1.1和Android 当我选择一个类别时,我会进行一个ajax调用,并从服务器加载我的bxslider 我的代码:前面 我的密码:回来 无论出于什么原因,安卓4.4.2都可以,但安卓4.3及更低版本的内容在那里,但我看不到 知道发生了什么吗 当然,这是一个CSS问题,出于某种原因,我失去了高度,因此我的解决方案: $'.slider1'.bxSlider
当然,这是一个CSS问题,出于某种原因,我失去了高度,因此我的解决方案: $'.slider1'.bxSlider{ 滑动宽度:265, 米斯利德斯:2, maxSlides:3, 幻灯片摘要:10, 传呼机:错, onSliderLoad:函数{ $'.bx viewport'.css{height:80px!important}; $'.convert'.css{height:80px!important}; } };
问题是css在多个WebView中工作不正确。你能在渲染后发布css和html吗?css很好,在WebView中加载远程图像和渲染看起来是个问题,所以我认为最好的解决方案是将图像移动到我的应用程序,它们很小,所以对于我的应用程序来说不是很大
$('.background_folder').on("change", function(){
var folder = $(this).val();
if(folder != '' && folder != undefined){
var jqxhr = $.ajax({
url:'http://myserver/get_backgrounds.php?folder='+folder
})
.done(function( html ) {
$('.background_sample').html(html);
if ($(window).width() <= 320 || $(window).height() <= 480) {
var s1 = $('.slider1').bxSlider({
slideWidth: 230,
minSlides: 1,
maxSlides: 1,
slideMargin: 10,
pager: false
});
}else{
var s2 = $('.slider1').bxSlider({
slideWidth: 265,
minSlides: 2,
maxSlides: 3,
slideMargin: 10,
pager: false
});
}
})
.always(function() {
alert( "complete" );
$('.convert').on("click", function(){
$('.convert').css({border: '2px solid transparent'}).animate({
opacity: 0.5
}, 500 );
$(this).css({border: '2px solid #f37736'}).animate({
opacity: 1
}, 500 );
});
});
}
});
function get_backgrounds($folder){
//image backgrounds
$backgrounds = array();
if ($handle = opendir("../backgrounds/".$folder)) {
//$backgrounds = array();
while (false !== ($entry = readdir($handle))) {
$backgrounds[] = $entry;
}
foreach ($backgrounds as $key => $value) {
if($value == '.' || $value == '..'){
unset($backgrounds[$key]);
}
}
}
$i = 0;
echo '<div class="slider1">';
foreach ($backgrounds as $key => $value) {
if($i == 0){
$selected = 'checked="checked"';
}else{
$selected = '';
}
$idvalue = 'data'.$key;
echo '<div class="slide">';
echo '<div class="background_thumb">';
echo '<label class="fb" for="'.$idvalue.'">';
echo '<input '.$selected.' type="radio" name="background" id="'.$idvalue.'" value="'.$value.'">';
echo '<img class="convert" src="backgrounds/'.$folder.'/'.$value.'">';
echo '</label>';
echo '</div>';
echo '</div>';
$i++;
}
echo '</div>';
}