如何在方向更改时重新加载。 （Bxslider）

Question

我正在使用Bxslider并在肖像上显示1张幻灯片，并在横向上显示2张幻灯片。

问题是我需要在方向改变时重新加载（纵向/横向）。

任何人都知道如何制作它？

box-sizing

Answer 1

使用jQuery Mobile，您可以使用此活页夹来监听方向更改：

    print.nc(nc_in1)
    dimensions:
    longitude = 561 ;
    latitude = 321 ;
    time = UNLIMITED ; // (8 currently)
    variables:
    float longitude(longitude) ;
            longitude:units = "degrees_east" ;
            longitude:long_name = "longitude" ;
    float latitude(latitude) ;
            latitude:units = "degrees_north" ;
            latitude:long_name = "latitude" ;
    int time(time) ;
            time:units = "hours since 1900-01-01 00:00:0.0" ;
            time:long_name = "time" ;
            time:calendar = "gregorian" ;
    short t2m(longitude, latitude, time) ;
            t2m:scale_factor = 0.001140245 ;
            t2m:add_offset = 264.0577 ;
            t2m:_FillValue = -32767 ;
            t2m:missing_value = -32767 ;
            t2m:units = "K" ;
            t2m:long_name = "2 metre temperature" ;

           // global attributes:
            :Conventions = "CF-1.6" ;
            :history = "2016-04-30 18:18:33 GMT by grib_to_netcdf-1.14.5: grib_to_netcdf /data/data01/scratch/_mars-atls02-95e2cf679cd58ee9b4db4dd119a05a8d-E36dti.grib -o /data/data01/scratch/_grib2netcdf-atls17-95e2cf679cd58ee9b4db4dd119a05a8d-vMTGKo.nc -uti

使用纯js你可以使用它：

$(window).on("orientationchange",function(){
   alert("The orientation has changed!");
   if (window.matchMedia("(orientation: landscape)").matches) {
       //landscape slider
   }
});

查看更多here