Question

当手机从纵向旋转到横向时，如何动态更改使用jQuery设置的内容滑块的宽度和高度？客户端正在为其网站使用“allinone”内容滑块。使用jQuery使用以下代码设置此内容滑块的宽度和高度：

jQuery(function() {
        jQuery('#allinone_contentSlider_imposing').allinone_contentSlider({
            width: 300,
            height: 300
        });     
    });

我想在手机从纵向切换到横向时动态更改滑块的宽度和高度，但我的javascript技能不够好。我尝试使用$（window）.width（）和resize（）事件定义一个变量失败，如下所示：

jQuery(function() {
    function updateWidth() {
        var $containerWidth = $(window).width();
    }
    updateWidth();
            $(window).resize(function() {
                updateWidth();
            });
    jQuery('#allinone_contentSlider_imposing').allinone_contentSlider({
        width: $containerWidth,
        height: 300
    });     
});

不幸的是，上面的代码无法定义导致滑块不显示的宽度。另外，这不是一个仅限移动网站。也许有更好的方法来解决这个问题。接受建议。

Answer 1

jQuery的（文件）。就绪（函数（）{

vp_width = jQuery(window).width();

if (vp_width <= 650) {
//alert('mobile');

//Add some Jquery here to change the height and width of the banner?


)};

不确定这是否有用，如果您知道设备的宽度，您可以如上所述定位宽度然后设置一些CSS？希望这有帮助，如果没有道歉！

使用jquery为纵向和横向动态更改移动内容滑块宽度

1 个答案: