jssor slider：如何动态更改幻灯片内容

Question

我有一个带幻灯片的示例div：

<div u="slides" ...>
    <div id="slide1">**original content 1**</div>
    <div id="slide2"><!-- any content of slide2 --></div>
</div>

我在这里找到了一个答案jssor slider: How to reload/refresh the slider to show new images 那说：

'您可以在每张幻灯片中放置任何内容，并且可以在运行时自由删除/插入元素。'

所以我尝试过，我更改了一张特定幻灯片的内容：

$('#slide1')[0].innerHTML = 'new sample content of the slide';

在执行上述任务后，我的幻灯片仍然显示'原始内容1'但是在做alert($('#slide1')[0].innerHTML)时我得到了我想要的东西[即：'幻灯片的新样本内容']。

如何使jssor滑块反映应用于幻灯片的更改？