Question

如何绑定 KnockoutJS 中的srcset？

我尝试过使用他们文档中的"attr" binding。

<picture>
    <source data-bind="attr: { srcset: require.toUrl('/Vendor_Module/images/mobile-version.png')" media="(max-width: 767px)" />
    <source data-bind="attr: { srcset: require.toUrl('/Vendor_Module/images/desktop-version.png')" />
    <img data-bind="attr: { src: require.toUrl('/Vendor_Module/images/desktop-version.png')/>
</picture>

结果标记是......

<picture>
    <source data-bind="attr: { srcset: require.toUrl('/Vendor_Module/images/card-mobile.png')" media="(max-width: 767px)" />
    <source data-bind="attr: { srcset: require.toUrl('/Vendor_Module//images/card-desktop.png')" />
    <img data-bind="attr: { src: require.toUrl('/Vendor_Module/images/card-desktop.png') src="https://example.com/static/version1527767610/frontend/vendor/theme/en_US/Vendor_Module/images/desktop-version.png" />
</picture>

Answer 1

（适用捂脸）

我在"attr" binding的末尾错过了}。

所以这......

<source data-bind="attr: { srcset: require.toUrl('/Vendor_Module/images/desktop-version.png')" />

成了这个......

<source data-bind="attr: { srcset: require.toUrl('/Vendor_Module/images/desktop-version.png')}" />

绑定到不与KnockoutJS一起使用的srcset属性

1 个答案: