Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Prechange tab event is triggered too often

  • Hello,

    I have a production app developed with Cordova and Onsen UI.
    I have a tab bar component (Tous les sports/Individuels/Collectifs) :

    And i declared that few lines for prechange event :

    $('body').on('prechange', '#tabbar-filters', function(e) {

    Tab bar is working great. I have a function to put video on fullscreen, it works great on first tab but when I am in Individuels tab and I want to put my video on fullscreen, prechange event is triggered and I don’t know why because I don’t change tab.

    In my function associated with fullscreen icon, there is :



    When I remove this line, prechange event is not triggered but I don’t understand why this line triggers event. I don’t understand too why it works great on first tab and not after have changed tab.

    Do you have any idea ?

    Thank you per advance.

  • @zyostes said in Prechange tab event is triggered too often:

    $(‘body’).on(‘prechange’, ‘#tabbar-filters’, function(e) {

    Give this a shot:

    Instead of using $(‘body’).on(…) which bubbles events for the whole document body,


    $(#FormName).on(…), where FormName is the page you are targeting.


  • Thank you for your answer.

    The problem is still here. For information, prechange event is triggered two times when I enter in fullscreen and one time when I leave fullscreen.

    Another information is that apparently, the problem appears only in iOS.