如果我只实现"ng-show“，carousel (滑块)就会被干扰。

Question

我已经为我的页面实现了jquery图像滑块。从宽度和整体上看，它看起来还不错。但是，一旦我在body标签中实现了'ng-show‘来满足其他需求，它就会被'width’干扰，图像会被一些部分重叠到另一个部分。

它的表现就像我为包含这个滑块的div的'inspect元素‘一样。只要我一点击，它就会进入正确的格式本身。

不知道为什么它会如此戏剧性地发生。

如果我撤销(删除"ng-show")，它工作得很好。但是我需要实现ng-show来满足其他一些需求。

任何建议都将受到高度赞赏。

Answer 1

div宽度变小或为零的问题。我得到了同样的问题，我解决了运行时给定的宽度，通过从单个图像div的宽度计算总的内部图像div。

理想情况下，当第一次加载或完美加载时，我会取宽度进行计算。

根据no.图像的宽度将随着内部div的增加而增加。

宽度更新：是的，在初始加载时是很好的，但每当我上传新图像并重新绑定它的宽度时，宽度将变为0。因此，我将其提供给运行时，因此没有。图像*单个图像div宽度。原因是，如果我们给定固定宽度，那么左右箭头将始终可见。

因此，如果单个内部图像div width为120 &您有2个图像，则

轮播的div width = 120 *2

轮播的div width = 120 *4(如果要显示4个图像)

我的示例代码现在正在运行。

if (cst_imgcnt)  //this is no of image to display
{
   //set width for each image div width to set 117px
   $('#imageScrollerDIV li', context).each(function () {
          $(this).css({ 'width': '117px', 'margin-right': '2px' });
   });
    //set carousel div width according no. of image with some padding (121 * no. of images )
    var wdh = parseInt(121) * parseInt(cst_imgcnt);
    $('#imageScrollerDIV ul', context).css('width', wdh + "px");
}