如何检测jQuery lightslider是否已被实例化，以及如何清除实例

为了安全起见，您需要在调用destroy方法之前检查滑块！ / p>

I'm using JQuery lightSlider. It works pretty well (well, actually, I had to jig the code a little bit, but enough of that for now).

What I am trying to achieve is to dynamically replace the lightSlider content with ajax return data, and this I can do.

With each new data set, I call the lightSlider plugin again. This is the "success" or "done" section of my ajax function:

I call lightSlider again, with each new ajax call, because calling lightSlider only once doesn't seem to work. Maybe it's because the content is dynamically created after the DOM is loaded? Anyway, what I would like to do is clear the lightSlider function after each ajax call, because I think they are piling up on each other in the same div.

After one lightSlider call, it looks good:

But on my second ajax call, when lightSlider is instantiated again, it starts to "stack". Notice the doubled-arrows, vertically misaligned, and also the vertically doubling of the index dots below the picture:

What would cure this is some way to clear the first instance of lightSlider.

Assuming you are using a newer version of lightslider than 1.1.3 you should be able to .destroy() the existing instance as follows:

For safety, you will need to check the slider is something before you call the destroy method though!