如何使用JQuery动态更改kendo ui窗口的图像内容？

Question

我有一个充满缩略图的kendo listview。双击，调用javascript函数并打开一个kendo ui窗口。窗户很好;但是，图像不会显示在窗口中。

这是我到目前为止所尝试的内容：

function ShowImage(img) {
    alert(img.src);     //=== Image source is displayed correctly on the alert
    var wimg = $("#imageWindow").data("kendoWindow");
    wimg.open();
    wimg.content("<img src='" + img.src + "' />");
    //wimg.refresh();   //=== tried this but it didn't seem to make a difference.
}

我看不到任何错误。窗口空白。

感谢您的帮助！

编辑：也试过变种：

function ShowImage(img) {
    alert(img.src);     //=== Image source is displayed correctly on the alert
    var wimg = $("#imageWindow").data("kendoWindow");
    wimg.content("<img src='" + img.src + "' />");
    wimg.open();
}

也没用。

Answer 1

您分享的内容对我来说完全有效。检查this out。