Selectize.js: reinitialize with dynamic content from ajax

[Redani]

Hi, and thanks for this lovely plugin ;)

I'm wondering if there is a better way to use selectize on new "select" elements created using Ajax. i currenty do this:

$.ajax({
    url: "/fine.php",
    success: function(result) {
        $("#container").html('<p>' + result + '</p>');
        $("#container select.selectize").selectize();
    }
});

Thanks

[pigochu]

I think u can use jquery.load() , it can execute your script .
So u can put "$("#container select.selectize").selectize(); " in your ajax page.

see http://api.jquery.com/load/

[Redani]

Thanks pigochu for your reply.
I already use $("#container select.selectize").selectize(); so i was wondering if there is a better way to reinitialise selectize

[pigochu]

maybe you can use "not selector"

$("#container select.selectize").not('.selectized').selectize()

[joallard]

I will close this as this doesn't seem to be exactly an issue with Selectize, but feel free to update as to the solution to your problem.

[Redani]

Hi Joallard,

Well, i'm still looking for a great solution to my need... :D
At the same time, I'd also love to know how i can tell if a "select" element is selectized, do you know how to?

[joallard]

@Redani What happened with @pigochu's solution, did it work?

[Redani]

I already use his solution, but I was wondering if there is an option to simply or reinitialize the specific select element!