Question

我正在寻找一种方法来使用Zurb Foundation的Interchange来处理单个图像。在我的代码中，我更改另一组图像的图像'data-interchange'属性并运行以下命令：

 $(document).foundation('interchange', 'reflow');

然而，图像与第一张图像保持一致，它没有被更新以反映data-interchaneg属性的变化并显示新图像。

是否可以选择让它发挥作用？

Answer 1

不确定您是否找到了问题的答案但我也遇到了同样的问题，交流对我来说也没有用。

但经过一些挖掘后，我将所有JS文件移动到页脚，突然间它开始工作并交换图像。这些是我的脚本。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/foundation.min.js"></script>
<script type="text/javascript" src="js/foundation.interchange.js"></script>
<script type="text/javascript">
    $(document).foundation();
</script>

就是这样。

Answer 2

当“回流”时，这种方法有效。然后＆＃39;调整大小＆＃39;事件被称为。

using (MemoryStream ms = new MemoryStream())
    {
        WriteableBitmap btmMap = new WriteableBitmap
            (bitmapImage.PixelWidth, bitmapImage.PixelHeight);

        return ms.ToArray();
    }

Answer 3

更新数据交换时不要使用jquery
.data('interchange','NEW VALUE')功能，你必须使用
.attr('data-interchange','NEW VALUE')。

然后调用reflow函数。

在同一图像上动态使用Foundation Interchange

3 个答案: