Question

我使用插件jquery image-picker（http://rvera.github.io/image-picker/）。

我的问题是：如何选择选择哪张图片？

例如，我想自动选择第二张图片，我该怎么做？

对于有多重选择的案例？

<script>
 $(function() {
  $("select").imagepicker();
 });

<select class="image-picker show-html" data-limit="2" multiple="multiple">
  <option data-img-src="http://placekitten.com/220/200" value="1">Cute Kitten 1</option>
  <option data-img-src="http://placekitten.com/180/200" value="2">Cute Kitten 2</option>
  <option data-img-src="http://placekitten.com/130/200" value="3">Cute Kitten 3</option>
</select>

Answer 1

从我在documentation中看到的内容，您可以将所选选项直接设置为select元素，然后将更改同步到现有ImagePicker插件，如下例所示：

$(function() {
    // initial configuration of the plugin
    $("select").imagepicker();

    // somehow change the selected items directly on your select html element
    $("select").val('2');

    // re-sync the plugin
    $("select").data('picker').sync_picker_with_select();
});

Answer 2

尝试完成以下答案以及任何执行问题的人：

正如您在documentation中所看到的，如果您对'select'元素进行了一些重大更改，例如添加或删除选项，则需要重新初始化选择器。

因此，重新同步插件后，您需要重新启动选择器：

// re-sync the plugin
$("select").data('picker').sync_picker_with_select();

// you need to reinitilize the picker
$("select").imagepicker();

rvera的图像选择器 - 如何选择选择的图片？

2 个答案: