Hi Gaurav, if your elements are being controlled via JavaScript after pageload, what may be happening is that your page first loads Optimizely, which checks for the elements, but the elements aren't available until DOM ready, so Optimizely doesn't detect the elements and can't change them.
If this is the case, then you should find the selector for the element you want to test, and add the following code into the <Edit Code> box in Optimizely:
window.myInterval = setInterval(function() {
if ($("#selector").length > 0) {
$("#selector").dosomething();
clearInterval(window.myInterval);
}
}, 50);
Just change #selector to the selector of the element you want to edit, then replace $("#selector").dosomething(); with the variation code that you were already using to change the element in Optimizely.
Essentially, what this code does is:
(1) Checks for the presence of your element on the site
(2) If it finds it, then executes the changes
(3) Checks again every 50 milliseconds if it's not found
Please let me know if that works for you, Gaurav! And for other readers out there, if you're having a similar problem where elements load dynamically and won't appear in your variation, you can use this same code.
