Question

我正在使用用户个人资料构建WordPress主题。

在用户个人资料页面中，我希望允许最终用户上传他/她的个人照片。在页面渲染时我使用的是Foundation交换，以便根据屏幕大小显示正确的图像大小。

到目前为止，一切看起来都不错，但是在用户为他的个人资料选择所需图片后，如何使用基金会交换重复相同的过程？

更具体：

我替换当前图片的代码如下所示：

var $img_elm = $('#profile_picture');

attachment          =   $media_dialog.state().get('selection').first().toJSON();

$attachment_id      =   attachment.id;
$attachment_medium  =   attachment.sizes.thumbnail.url;
$attachment_large   =   attachment.sizes.custom_size.url;

$interchange_url    =   '[' + $attachment_large + ', (default)], [' + $attachment_medium + ', (small)], [' + $attachment_medium + ', (medium)], [' + $attachment_large + ', (large)]';

$img_elm.attr('data-interchange', $interchange_url);

因此，基于 Foundation documentation ，我应该在脚本末尾运行此代码，以便更新我的img元素：

$(document).foundation();

但是，我已经尝试过了，图片仍然是一样的。

我做错了吗？还有其他方法可以达到同样的结果吗？

Answer 1

经过Foundation.interchange.js的长时间研究后，我发现我可以使用以下代码更新新选择的图像：

Foundation.libs.interchange.init($, 'update_images',    null);
Foundation.libs.interchange.init($, 'resize',           null);

加载页面后，在Foundation交换中添加新规则

1 个答案: