0

我正在制作一个使用 iosSlider 插件的网站。我在 jquery 手风琴内有一些滑块，因此其中一些在页面首次加载时开始显示“显示：无”。结果，手风琴内的滑块没有获得正确的屏幕宽度。当您打开其中一个隐藏的手风琴时，里面的滑块很小。

我很好奇是否有比我目前使用的更好的方法来解决这个问题。现在我只是破坏滑块并召回它，但这看起来很难看，我相信可能有更好的方法来解决这个问题。

任何输入都会很棒，谢谢

当前代码：

        $(".acheader").click(function(e) {
            //e.preventDefault();
            e.stopPropagation();
            acords.slideUp();
            $(".menuarrow").attr('src','/themes/images/arrow_down.png');

            var image = $(this).find(".menuarrow");

            if(image.attr('src') === "/themes/images/arrow_down.png"){
                image.attr('src','/themes/images/arrow_up.png');
            }

            if ($(this).next().is(":hidden")) {
                $(this).siblings(".accontent").slideToggle(100);
                $('.iosSlider2').iosSlider('destroy');
                $('.iosSlider2').iosSlider({
                    snapToChildren: true,
                    desktopClickDrag: true,
                    keyboardControls: true,
                    navNextSelector: $('.next'),
                    navPrevSelector: $('.prev'),
                    onSlideChange: slideChange2
                });
            }
            else image.attr('src','/themes/images/arrow_down.png');
        });

编辑：这是针对移动网站的，因此我没有可以参考的静态宽度。滑块父母从他们的父母那里继承他们的宽度......等等。

4

1 回答 1

0

查看 iosSlider 文档，在公共方法下，看起来有一个更新命令应该调整它的大小。使用$('.iosSlider2').iosSlider('update');而不是破坏。这有帮助吗？

于 2012-11-09T19:58:56.927 回答