Not working for dynamically created container about chocolat HOT 6 CLOSED

Hi,

There is no "refresh" function for the moment.
One solution would be to call chocolat $('selector').Chocolat() after elements are dynamically added.

Maybe i can help you more if you provide some code snippets.

Best regards,

from chocolat.

I think I'm having the same issue?

An example would be:

$('#container').load('/foo.html #container .image');

$('#container').Chocolat();

Let's say I'm on index.html, and I load an array of elements (.image) into the #container on index.html… when I call Chocolat() it doesn't register the dynamically loaded elements.

from chocolat.

I suspect there's an issue with this.element.find(this.settings.imageSelector); in the constructor. With dynamically loaded content, you'd need to opt for delegation, so you'd have to do something like this.element.on('click.chocolat', this.settings.imageSelector, function(){}); but then of course things get more complicated when trying to find the index of the given element.

from chocolat.

@matyus Hi !
In your case you just need to use deferred callback for example :

$('#container').load('/foo.html #container .image', function() {
    $('#container').Chocolat();
});

from chocolat.

@nicolas-t oh wow, thanks! I totally forgot .load takes a callback.

from chocolat.

i'm closing, feel free to reopen if you have any question

from chocolat.