Hello,

I have set up Flex Slider Views Style and created a view Slider. All is fine in the admin UI. The images are loaded, the slider kicks off and runs ok.

However, on the page it is supposed to be displayed, either when embed the view within the template or when using the block system, the slider does not seems to kick off.
All the element are loaded as they would initially, i.e. all the

  • have their display property set to "none", but nothing changes from then. None of them gets displayed as a block.

    The Chrome Console tells me:

    Uncaught TypeError: $(...).once is not a function

    _flexslider_init @ VM4836 js_5idECjjAo-X5YdkT65CaIiodkWmZlZv-WjSkHlWhoYk.js:34
    Drupal.behaviors.flexslider.attach @ VM4836 js_5idECjjAo-X5YdkT65CaIiodkWmZlZv-WjSkHlWhoYk.js:24
    (anonymous function) @ js_xAPl0qIk9eowy_iS9tNkCWXLUVoat94SQT48UBCFkyQ.js:325
    b.extend.each @ js_xAPl0qIk9eowy_iS9tNkCWXLUVoat94SQT48UBCFkyQ.js:33
    Drupal.attachBehaviors @ js_xAPl0qIk9eowy_iS9tNkCWXLUVoat94SQT48UBCFkyQ.js:323
    (anonymous function) @ js_xAPl0qIk9eowy_iS9tNkCWXLUVoat94SQT48UBCFkyQ.js:661
    b.extend.ready @ js_xAPl0qIk9eowy_iS9tNkCWXLUVoat94SQT48UBCFkyQ.js:30
    u @ js_xAPl0qIk9eowy_iS9tNkCWXLUVoat94SQT48UBCFkyQ.js:38

    I have tried to embed it in different regions of different pages but the problem stays the same.

    • Comments

    webmaster.mfo created an issue. See original summary.

    zebraskies’s picture

    zebraskies CreditAttribution: zebraskies commented

    Hi,

    I believe I'm running into the same issue....

    My View should display Flexslider on a page. (not as a block)

    FlexSlider = Version 2.2 installed
    jQuery = Version 1.11.1 & 1.12.1 (both cause this same error) -- jquery-1.XX.1.min.js -- as per the .info subtheme file

    When I view that page:

    • via an older Bootstrap (7.x-3.0+46-dev) with a subtheme = DOES NOT WORK
    • via an older Bootstrap (7.x-3.0+46-dev) theme = DOES WORK
    • via a freshly installed Bootstrap (bootstrap-7.x-3.4) theme = DOES WORK
    • NEW EDIT January 14 = via a freshly installed Bootstrap (bootstrap-7.x-3.4) with a subtheme -- DOES WORK

    Something about this particular subtheme with the OLDER version of bootstrap is causing the <li> to all display:none...

    NEW EDIT January 14 jQuery Update (in modules) states that it's loading this version of jQuery 1.7.1

    NEW EDIT January 16
    In wanting to investigate...

    Website status:
    Older version of bootstrap = (7.x-3.0+46-dev) with a subtheme

    Steps taken:

    1. I disabled Nivo Slider module (version 7.x-1.11)
    2. I disabled jQuery Update module (version 7.x-2.3) -- (Older version of this module, not yet upgraded to newer version) - dependency of Nivo Slider module
    3. Ensured that the .info file in subtheme loads the updated version of jQuery = jquery-1.12.1.min.js
    4. Cleared cache on performance page -- and SUCCESS! Flexslider now appears to work as it should; the <li> tags successfully display one at a time, rotating the slides
    5. BONUS: I even re-enabled both modules listed above (1&2), cleared the cache again -- and Flexslider still appears to function properly.
    amaria’s picture

    amaria CreditAttribution: amaria commented
    Status: Active » Closed (outdated)

    Closing this as a solution has been given.