Question

所以我使用这个Image Picker jQuery插件（http://rvera.github.io/image-picker/）来显示图片和Google Places POI的名称。

我调用了jQuery函数，如下所示：

<script>
    $(document).ready(function () {
        $("select").imagepicker({
            hide_select: false,
            show_label: true
        })
    });
</script>

然后在JavaScript中，我调用createMarkers方法来获取POI图像和名称，如下所示：

function createMarker(place) {
        ....

        //get POI photos and descriptions
        var photos = place.photos;
        if (photos) {
            //placesList.innerHTML += '<img src=' + photos[0].getUrl({ 'maxWidth': 80, 'maxHeight': 80 }) + '>';
            placesList.innerHTML += '<option data-img-src=' + photos[0].getUrl({ 'maxWidth': 80, 'maxHeight': 80 }) + ' value=' + encodeURI(place.name) + '> ' + place.name + ' </option>';
        };
        if (!photos) {
            //placesList.innerHTML += '<img src="images/POI.png" width="80" height="80">';
            placesList.innerHTML += '<option data-img-src="images/POI.png" value=' + encodeURI(place.name) + '>' + place.name + '</option>';


        };
    }

上面的JavaScript将导致此HTML：

<option data-img-src="https://lh6.googleusercontent.com/-4bnhVag9P98/UD6MLNW_EzI/AAAAAABTrV4/H91UaZkqFYg/w80-h80-s1600/Stedelijk%2BMuseum%2BAmsterdam" value="Stedelijk%20Museum"> Stedelijk Museum </option>

问题是，即使我有正确的JavaScript和正确的HTML结果，为什么jQuery不起作用？提前感谢您的宝贵见解。

干杯，尼沙

Answer 1

我是该插件的创建者，我知道我已经很晚了。你能解决这个问题吗？

如果要动态更新html，则需要重新初始化选择器。我建议填写“选择”＃39;首先是元素，然后调用选择器。

当我尝试拨打Google Place Markers时，Image Picker无效

1 个答案: