'JQuery Selector (combined with MetaSlider class) is Not Registering for One Class Only... Other Classes are Working Correctly

I am trying to modify a custom MetaSlider (from the WordPress plugin) in which when the "next slide button" is pressed the description that correlates with the slide id class (slide-7667330) is displayed. The element that I click class is called '.flex-next' and that was the default class name given by word press. When I change the trigger to a class on the slide show other then ".flex-next" the function works. However, when it is set to .flex-next like it is below, it does not even register the trigger event.

I apologize if my explanation was a bit confusing, but I would be happy to answer any additional questions others may have. I am a straight up novice, so please do not judge.

HTML HTML Overall layout

HTML coming directly from MetaSlider generated code MetaSlider code

JQuery JQuery Code that works for works properly with other classes, but not flex-next

htmljquerywordpresssliderslideshow


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions