Rom-Com Lovers Are Blind Ranking Their Favorite Movies, And The Discourse Is Making Me Regret My Own Choices

June 3, 2025 / Sophie Cleater /

Rom-Com Blind Ranking Game: Rank The Best Rom-Com Movies

Think you’ve got nerves of steel, like Bridget Jones at a family dinner? 🥴 Time to find out! Welcome to “Blind Ranking,” where we toss a lineup of rom-com classics your way — one at a time — and you must rank each instantly from 1st to 7th. Sounds simple, right? But here’s the twist: you have no clue what’s next! 🎬💥

Once you lock in a rank, there’s no turning back—no swaps, no edits. Will you accidentally crown a dud before You’ve Got Mail even makes an entrance? Only one way to find out! 😱

There’s just one rule: trust your heart… and brace for a whirlwind of romantic regret (just like my ex). Tap to start — and may your rankings always be ‘As you wish’! 💕🎥

What unhinged rom-com lives rent-free in your head? I’ll go first — George of The Jungle. Share your favorite chaotic romance and your rankings in the comments!

Source link

Posted in Entertainment

Sophie Cleater

Vancouver based journalist and entrepreneur covering business, innovation, and leadership for Forbes Canada. With a keen eye for emerging trends and transformative strategies.

Leave a Comment Cancel Reply

{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/bb-theme\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} var themeopts = {"medium_breakpoint":"992","mobile_breakpoint":"768","lightbox":"enabled","scrollTopPosition":"800"}; var IvorySearchVars = {"is_analytics_enabled":"1"}; var IvoryAjaxVars = {"ajaxurl":"https:\/\/forbesca.com\/wp-admin\/admin-ajax.php","ajax_nonce":"edcd6f0f25"}; /*! * Bowser - a browser detector * https://github.com/ded/bowser * MIT License | (c) Dustin Diaz 2015 */ !function (name, definition) { if (typeof module != 'undefined' && module.exports) module.exports = definition() else if (typeof define == 'function' && define.amd) define(name, definition) else this[name] = definition() }('bowser', function () { /** * See useragents.js for examples of navigator.userAgent */ var t = true function detect(ua) { function getFirstMatch(regex) { var match = ua.match(regex); return (match && match.length > 1 && match[1]) || ''; } function getSecondMatch(regex) { var match = ua.match(regex); return (match && match.length > 1 && match[2]) || ''; } var iosdevice = getFirstMatch(/(ipod|iphone|ipad)/i).toLowerCase() , likeAndroid = /like android/i.test(ua) , android = !likeAndroid && /android/i.test(ua) , nexusMobile = /nexus\s*[0-6]\s*/i.test(ua) , nexusTablet = !nexusMobile && /nexus\s*[0-9]+/i.test(ua) , chromeos = /CrOS/.test(ua) , silk = /silk/i.test(ua) , sailfish = /sailfish/i.test(ua) , tizen = /tizen/i.test(ua) , webos = /(web|hpw)os/i.test(ua) , windowsphone = /windows phone/i.test(ua) , windows = !windowsphone && /windows/i.test(ua) , mac = !iosdevice && !silk && /macintosh/i.test(ua) , linux = !android && !sailfish && !tizen && !webos && /linux/i.test(ua) , edgeVersion = getFirstMatch(/edge\/(\d+(\.\d+)?)/i) , versionIdentifier = getFirstMatch(/version\/(\d+(\.\d+)?)/i) , tablet = /tablet/i.test(ua) , mobile = !tablet && /[^-]mobi/i.test(ua) , xbox = /xbox/i.test(ua) , result if (/opera|opr|opios/i.test(ua)) { result = { name: 'Opera' , opera: t , version: versionIdentifier || getFirstMatch(/(?:opera|opr|opios)[\s\/](\d+(\.\d+)?)/i) } } else if (/coast/i.test(ua)) { result = { name: 'Opera Coast' , coast: t , version: versionIdentifier || getFirstMatch(/(?:coast)[\s\/](\d+(\.\d+)?)/i) } } else if (/yabrowser/i.test(ua)) { result = { name: 'Yandex Browser' , yandexbrowser: t , version: versionIdentifier || getFirstMatch(/(?:yabrowser)[\s\/](\d+(\.\d+)?)/i) } } else if (/ucbrowser/i.test(ua)) { result = { name: 'UC Browser' , ucbrowser: t , version: getFirstMatch(/(?:ucbrowser)[\s\/](\d+(?:\.\d+)+)/i) } } else if (/mxios/i.test(ua)) { result = { name: 'Maxthon' , maxthon: t , version: getFirstMatch(/(?:mxios)[\s\/](\d+(?:\.\d+)+)/i) } } else if (/epiphany/i.test(ua)) { result = { name: 'Epiphany' , epiphany: t , version: getFirstMatch(/(?:epiphany)[\s\/](\d+(?:\.\d+)+)/i) } } else if (/puffin/i.test(ua)) { result = { name: 'Puffin' , puffin: t , version: getFirstMatch(/(?:puffin)[\s\/](\d+(?:\.\d+)?)/i) } } else if (/sleipnir/i.test(ua)) { result = { name: 'Sleipnir' , sleipnir: t , version: getFirstMatch(/(?:sleipnir)[\s\/](\d+(?:\.\d+)+)/i) } } else if (/k-meleon/i.test(ua)) { result = { name: 'K-Meleon' , kMeleon: t , version: getFirstMatch(/(?:k-meleon)[\s\/](\d+(?:\.\d+)+)/i) } } else if (windowsphone) { result = { name: 'Windows Phone' , windowsphone: t } if (edgeVersion) { result.msedge = t result.version = edgeVersion } else { result.msie = t result.version = getFirstMatch(/iemobile\/(\d+(\.\d+)?)/i) } } else if (/msie|trident/i.test(ua)) { result = { name: 'Internet Explorer' , msie: t , version: getFirstMatch(/(?:msie |rv:)(\d+(\.\d+)?)/i) } } else if (chromeos) { result = { name: 'Chrome' , chromeos: t , chromeBook: t , chrome: t , version: getFirstMatch(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i) } } else if (/chrome.+? edge/i.test(ua)) { result = { name: 'Microsoft Edge' , msedge: t , version: edgeVersion } } else if (/vivaldi/i.test(ua)) { result = { name: 'Vivaldi' , vivaldi: t , version: getFirstMatch(/vivaldi\/(\d+(\.\d+)?)/i) || versionIdentifier } } else if (sailfish) { result = { name: 'Sailfish' , sailfish: t , version: getFirstMatch(/sailfish\s?browser\/(\d+(\.\d+)?)/i) } } else if (/seamonkey\//i.test(ua)) { result = { name: 'SeaMonkey' , seamonkey: t , version: getFirstMatch(/seamonkey\/(\d+(\.\d+)?)/i) } } else if (/firefox|iceweasel|fxios/i.test(ua)) { result = { name: 'Firefox' , firefox: t , version: getFirstMatch(/(?:firefox|iceweasel|fxios)[ \/](\d+(\.\d+)?)/i) } if (/$(mobile|tablet);[^$]*rv:[\d\.]+\)/i.test(ua)) { result.firefoxos = t } } else if (silk) { result = { name: 'Amazon Silk' , silk: t , version : getFirstMatch(/silk\/(\d+(\.\d+)?)/i) } } else if (/phantom/i.test(ua)) { result = { name: 'PhantomJS' , phantom: t , version: getFirstMatch(/phantomjs\/(\d+(\.\d+)?)/i) } } else if (/slimerjs/i.test(ua)) { result = { name: 'SlimerJS' , slimer: t , version: getFirstMatch(/slimerjs\/(\d+(\.\d+)?)/i) } } else if (/blackberry|\bbb\d+/i.test(ua) || /rim\stablet/i.test(ua)) { result = { name: 'BlackBerry' , blackberry: t , version: versionIdentifier || getFirstMatch(/blackberry[\d]+\/(\d+(\.\d+)?)/i) } } else if (webos) { result = { name: 'WebOS' , webos: t , version: versionIdentifier || getFirstMatch(/w(?:eb)?osbrowser\/(\d+(\.\d+)?)/i) }; if( /touchpad\//i.test(ua) ){ result.touchpad = t; } } else if (/bada/i.test(ua)) { result = { name: 'Bada' , bada: t , version: getFirstMatch(/dolfin\/(\d+(\.\d+)?)/i) }; } else if (tizen) { result = { name: 'Tizen' , tizen: t , version: getFirstMatch(/(?:tizen\s?)?browser\/(\d+(\.\d+)?)/i) || versionIdentifier }; } else if (/qupzilla/i.test(ua)) { result = { name: 'QupZilla' , qupzilla: t , version: getFirstMatch(/(?:qupzilla)[\s\/](\d+(?:\.\d+)+)/i) || versionIdentifier } } else if (/chromium/i.test(ua)) { result = { name: 'Chromium' , chromium: t , version: getFirstMatch(/(?:chromium)[\s\/](\d+(?:\.\d+)?)/i) || versionIdentifier } } else if (/chrome|crios|crmo/i.test(ua)) { result = { name: 'Chrome' , chrome: t , version: getFirstMatch(/(?:chrome|crios|crmo)\/(\d+(\.\d+)?)/i) } } else if (android) { result = { name: 'Android' , version: versionIdentifier } } else if (/safari|applewebkit/i.test(ua)) { result = { name: 'Safari' , safari: t } if (versionIdentifier) { result.version = versionIdentifier } } else if (iosdevice) { result = { name : iosdevice == 'iphone' ? 'iPhone' : iosdevice == 'ipad' ? 'iPad' : 'iPod' } // WTF: version is not part of user agent in web apps if (versionIdentifier) { result.version = versionIdentifier } } else if(/googlebot/i.test(ua)) { result = { name: 'Googlebot' , googlebot: t , version: getFirstMatch(/googlebot\/(\d+(\.\d+))/i) || versionIdentifier } } else { result = { name: getFirstMatch(/^(.*)\/(.*) /), version: getSecondMatch(/^(.*)\/(.*) /) }; } // set webkit or gecko flag for browsers based on these engines if (!result.msedge && /(apple)?webkit/i.test(ua)) { if (/(apple)?webkit\/537\.36/i.test(ua)) { result.name = result.name || "Blink" result.blink = t } else { result.name = result.name || "Webkit" result.webkit = t } if (!result.version && versionIdentifier) { result.version = versionIdentifier } } else if (!result.opera && /gecko\//i.test(ua)) { result.name = result.name || "Gecko" result.gecko = t result.version = result.version || getFirstMatch(/gecko\/(\d+(\.\d+)?)/i) } // set OS flags for platforms that have multiple browsers if (!result.msedge && (android || result.silk)) { result.android = t } else if (iosdevice) { result[iosdevice] = t result.ios = t } else if (mac) { result.mac = t } else if (xbox) { result.xbox = t } else if (windows) { result.windows = t } else if (linux) { result.linux = t } // OS version extraction var osVersion = ''; if (result.windowsphone) { osVersion = getFirstMatch(/windows phone (?:os)?\s?(\d+(\.\d+)*)/i); } else if (iosdevice) { osVersion = getFirstMatch(/os (\d+([_\s]\d+)*) like mac os x/i); osVersion = osVersion.replace(/[_\s]/g, '.'); } else if (android) { osVersion = getFirstMatch(/android[ \/-](\d+(\.\d+)*)/i); } else if (result.webos) { osVersion = getFirstMatch(/(?:web|hpw)os\/(\d+(\.\d+)*)/i); } else if (result.blackberry) { osVersion = getFirstMatch(/rim\stablet\sos\s(\d+(\.\d+)*)/i); } else if (result.bada) { osVersion = getFirstMatch(/bada\/(\d+(\.\d+)*)/i); } else if (result.tizen) { osVersion = getFirstMatch(/tizen[\/\s](\d+(\.\d+)*)/i); } if (osVersion) { result.osversion = osVersion; } // device type extraction var osMajorVersion = osVersion.split('.')[0]; if ( tablet || nexusTablet || iosdevice == 'ipad' || (android && (osMajorVersion == 3 || (osMajorVersion >= 4 && !mobile))) || result.silk ) { result.tablet = t } else if ( mobile || iosdevice == 'iphone' || iosdevice == 'ipod' || android || nexusMobile || result.blackberry || result.webos || result.bada ) { result.mobile = t } // Graded Browser Support // http://developer.yahoo.com/yui/articles/gbs if (result.msedge || (result.msie && result.version >= 10) || (result.yandexbrowser && result.version >= 15) || (result.vivaldi && result.version >= 1.0) || (result.chrome && result.version >= 20) || (result.firefox && result.version >= 20.0) || (result.safari && result.version >= 6) || (result.opera && result.version >= 10.0) || (result.ios && result.osversion && result.osversion.split(".")[0] >= 6) || (result.blackberry && result.version >= 10.1) || (result.chromium && result.version >= 20) ) { result.a = t; } else if ((result.msie && result.version < 10) || (result.chrome && result.version < 20) || (result.firefox && result.version < 20.0) || (result.safari && result.version < 6) || (result.opera && result.version < 10.0) || (result.ios && result.osversion && result.osversion.split(".")[0] < 6) || (result.chromium && result.version < 20) ) { result.c = t } else result.x = t return result } var bowser = detect(typeof navigator !== 'undefined' ? navigator.userAgent : '') bowser.test = function (browserList) { for (var i = 0; i < browserList.length; ++i) { var browserItem = browserList[i]; if (typeof browserItem=== 'string') { if (browserItem in bowser) { return true; } } } return false; } /** * Get version precisions count * * @example * getVersionPrecision("1.10.3") // 3 * * @param {string} version * @return {number} */ function getVersionPrecision(version) { return version.split(".").length; } /** * Array::map polyfill * * @param {Array} arr * @param {Function} iterator * @return {Array} */ function map(arr, iterator) { var result = [], i; if (Array.prototype.map) { return Array.prototype.map.call(arr, iterator); } for (i = 0; i < arr.length; i++) { result.push(iterator(arr[i])); } return result; } /** * Calculate browser version weight * * @example * compareVersions(['1.10.2.1', '1.8.2.1.90']) // 1 * compareVersions(['1.010.2.1', '1.09.2.1.90']); // 1 * compareVersions(['1.10.2.1', '1.10.2.1']); // 0 * compareVersions(['1.10.2.1', '1.0800.2']); // -1 * * @param {Array<String>} versions versions to compare * @return {Number} comparison result */ function compareVersions(versions) { // 1) get common precision for both versions, for example for "10.0" and "9" it should be 2 var precision = Math.max(getVersionPrecision(versions[0]), getVersionPrecision(versions[1])); var chunks = map(versions, function (version) { var delta = precision - getVersionPrecision(version); // 2) "9" -> "9.0" (for precision = 2) version = version + new Array(delta + 1).join(".0"); // 3) "9.0" -> ["000000000"", "000000009"] return map(version.split("."), function (chunk) { return new Array(20 - chunk.length).join("0") + chunk; }).reverse(); }); // iterate in reverse order by reversed chunks array while (--precision >= 0) { // 4) compare: "000000009" > "000000010" = false (but "9" > "10" = true) if (chunks[0][precision] > chunks[1][precision]) { return 1; } else if (chunks[0][precision] === chunks[1][precision]) { if (precision === 0) { // all version chunks are same return 0; } } else { return -1; } } } /** * Check if browser is unsupported * * @example * bowser.isUnsupportedBrowser({ * msie: "10", * firefox: "23", * chrome: "29", * safari: "5.1", * opera: "16", * phantom: "534" * }); * * @param {Object} minVersions map of minimal version to browser * @param {Boolean} [strictMode = false] flag to return false if browser wasn't found in map * @param {String} [ua] user agent string * @return {Boolean} */ function isUnsupportedBrowser(minVersions, strictMode, ua) { var _bowser = bowser; // make strictMode param optional with ua param usage if (typeof strictMode === 'string') { ua = strictMode; strictMode = void(0); } if (strictMode === void(0)) { strictMode = false; } if (ua) { _bowser = detect(ua); } var version = "" + _bowser.version; for (var browser in minVersions) { if (minVersions.hasOwnProperty(browser)) { if (_bowser[browser]) { // browser version and min supported version. return compareVersions([version, minVersions[browser]]) < 0; } } } return strictMode; // not found } /** * Check if browser is supported * * @param {Object} minVersions map of minimal version to browser * @param {Boolean} [strictMode = false] flag to return false if browser wasn't found in map * @param {String} [ua] user agent string * @return {Boolean} */ function check(minVersions, strictMode, ua) { return !isUnsupportedBrowser(minVersions, strictMode, ua); } bowser.isUnsupportedBrowser = isUnsupportedBrowser; bowser.compareVersions = compareVersions; bowser.check = check; /* * Set our detect method to the main bowser object so we can * reuse it to test other user agents. * This is needed to implement future tests. */ bowser._detect = detect; return bowser }); (function($){ UABBTrigger = { /** * Trigger a hook. * * @since 1.1.0.3 * @method triggerHook * @param {String} hook The hook to trigger. * @param {Array} args An array of args to pass to the hook. */ triggerHook: function( hook, args ) { $( 'body' ).trigger( 'uabb-trigger.' + hook, args ); }, /** * Add a hook. * * @since 1.1.0.3 * @method addHook * @param {String} hook The hook to add. * @param {Function} callback A function to call when the hook is triggered. */ addHook: function( hook, callback ) { $( 'body' ).on( 'uabb-trigger.' + hook, callback ); }, /** * Remove a hook. * * @since 1.1.0.3 * @method removeHook * @param {String} hook The hook to remove. * @param {Function} callback The callback function to remove. */ removeHook: function( hook, callback ) { $( 'body' ).off( 'uabb-trigger.' + hook, callback ); }, }; })(jQuery); jQuery(document).ready(function( $ ) { if( typeof bowser !== 'undefined' && bowser !== null ) { var uabb_browser = bowser.name, uabb_browser_v = bowser.version, uabb_browser_class = uabb_browser.replace(/\s+/g, '-').toLowerCase(), uabb_browser_v_class = uabb_browser_class + parseInt( uabb_browser_v ); $('html').addClass(uabb_browser_class).addClass(uabb_browser_v_class); } $('.uabb-row-separator').parents('html').css('overflow-x', 'hidden'); }); var pp_modal_oa18ftsivpbw = false; var pp_modal_oa18ftsivpbw_config = false; ;(function($) { pp_modal_oa18ftsivpbw_config = { id: 'oa18ftsivpbw', type: 'templates', trigger_type: 'onclick', auto_load: false, exit_intent: false, delay: 1, animation_load: 'fadeIn', animation_exit: 'fadeOut', overlay_animation: true, esc_exit: true, click_exit: true, layout: 'standard', auto_height: true, width: 550, breakpoint: 0, loaderImg: 'https://forbesca.com/wp-content/plugins/bbpowerpack/assets/images/ajax-loader.gif', previewing: false }; $(document).on('click', function(e) { if ( e && e.target.tagName === 'A' && e.target.href.indexOf('#modal-oa18ftsivpbw') !== -1 ) { pp_modal_oa18ftsivpbw_config['scrollTop'] = $(window).scrollTop(); } }); $(function() { $('#modal-oa18ftsivpbw').appendTo(document.body); var tabHash = window.location.hash ? window.location.hash.replace('/', '') : false; var modalId = window.location.hash.split('#modal-')[1]; // If the URL contains a hash beginning with modal, trigger that modal box. if ( tabHash && tabHash.indexOf('modal-') >= 0 ) { if ( modalId === 'oa18ftsivpbw' ) { pp_modal_oa18ftsivpbw = new PPModalBox(pp_modal_oa18ftsivpbw_config); } } $(window).on('hashchange', function() { var tabHash = window.location.hash; var modalId = window.location.hash.split('#modal-')[1]; // If the URL contains a hash beginning with modal, trigger that modal box. if ( tabHash && tabHash.indexOf('modal-') >= 0 ) { if ( modalId === 'oa18ftsivpbw' ) { if ( pp_modal_oa18ftsivpbw instanceof PPModalBox ) { pp_modal_oa18ftsivpbw.show(); } else { pp_modal_oa18ftsivpbw = new PPModalBox(pp_modal_oa18ftsivpbw_config); } } } }); }); // Bind the click event to any element with the class. pp_modal_oa18ftsivpbw_config.customTrigger = ''; $(document).on('click keydown', '.modal-oa18ftsivpbw', function(e) { var valid = (e.which == 1 || e.which == 13 || e.which == 32 || e.which == undefined); if ( ! valid ) { return; } e.preventDefault(); if ( pp_modal_oa18ftsivpbw instanceof PPModalBox ) { pp_modal_oa18ftsivpbw.settings.clickedElement = $( e.target ); pp_modal_oa18ftsivpbw.show(); } else { pp_modal_oa18ftsivpbw_config.clickedElement = $( e.target ); pp_modal_oa18ftsivpbw = new PPModalBox(pp_modal_oa18ftsivpbw_config); } }); })(jQuery); ;(function($) { /** * Class for Menu Module * * @since 1.6.0 */ UABBCreativeMenu = function( settings ) { // set params this.settingsId = settings.id; this.nodeClass = '.fl-node-' + settings.id; this.wrapperClass = this.nodeClass + ' .uabb-creative-menu'; this.type = settings.type; this.mobileToggle = settings.mobile; this.mobileBelowRow = settings.mobileBelowRow; this.breakPoints = settings.breakPoints; this.mobileBreakpoint = settings.mobileBreakpoint; this.mediaBreakpoint = settings.mediaBreakpoint; this.mobileMenuType = settings.mobileMenuType; this.isBuilderActive = settings.isBuilderActive; this.currentBrowserWidth = $( window ).width(); // initialize the menu this._initMenu(); // check if viewport is resizing $( window ).on( 'resize', $.proxy( function( e ) { var width = $( window ).width(); // if screen width is resized, reload the menu if( width != this.currentBrowserWidth ) { this._initMenu(); this._clickOrHover(); this.currentBrowserWidth = width; } }, this ) ); }; UABBCreativeMenu.prototype = { nodeClass : '', wrapperClass : '', type : '', breakPoints : {}, $submenus : null, /** * Check if the screen size fits a mobile viewport. * * @since 1.6.0 * @return bool */ _isMobile: function() { return $( window ).width() <= this.breakPoints.small ? true : false; }, /** * Check if the screen size fits a medium viewport. * * @since 1.6.0 * @return bool */ _isMedium: function() { return $( window ).width() <= this.breakPoints.medium ? true : false; }, /** * Check if the screen size fits a custom viewport. * * @since 1.6.0 * @return bool */ _isCustom: function() { return $( window ).width() <= this.breakPoints.custom ? true : false; }, /** * Check if the menu should toggle for the current viewport base on the selected breakpoint * * @see this._isMobile() * @see this._isMedium() * @since 1.6.0 * @return bool */ _isMenuToggle: function() { if ( 'always' == this.mobileBreakpoint || ( this._isMobile() && 'mobile' == this.mobileBreakpoint ) || ( this._isMedium() && 'medium-mobile' == this.mobileBreakpoint ) || ( this._isCustom() && 'custom' == this.mobileBreakpoint ) ) { return true; } return false; }, /** * Initialize the toggle logic for the menu. * * @see this._isMenuToggle() * @see this._menuOnCLick() * @see this._clickOrHover() * @see this._submenuOnRight() * @see this._toggleForMobile() * @see this._initBelowRowMenu() * @since 1.6.0 * @return void */ _initMenu: function() { this._menuOnFocus(); if ( $( this.nodeClass ).length ) { this._initMegaMenus(); } if( this._isMenuToggle() || this.type == 'accordion' ) { $( this.wrapperClass ).off( 'mouseenter mouseleave' ); this._menuOnClick(); this._clickOrHover(); } else { $( this.wrapperClass ).off( 'click' ); this._submenuOnRight(); } if( this.mobileToggle != 'expanded' ) { this._toggleForMobile(); this._initBelowRowMenu(); if( this.mobileMenuType === 'off-canvas' ) { this._initializeCanvas(); } if( this.mobileMenuType === 'full-screen' ) { this.__initializeFullScreen(); } } }, /** * Adds a focus class to menu elements similar to be used similar to CSS :hover psuedo event * * @since 1.6.0 * @return void */ _menuOnFocus: function() { $( this.nodeClass ).off('focus').on( 'focus', 'a', $.proxy( function( e ) { var $menuItem = $( e.target ).parents( '.menu-item' ).first(), $parents = $( e.target ).parentsUntil( this.wrapperClass ); $('.uabb-creative-menu .focus').removeClass('focus'); $menuItem.addClass('focus'); $parents.addClass('focus'); }, this ) ).on( 'focusout', 'a', $.proxy( function( e ) { $( e.target ).parentsUntil( this.wrapperClass ).removeClass( 'focus' ); }, this ) ); }, /** * Logic for submenu toggling on accordions or mobile menus (vertical, horizontal) * * @since 1.6.0 * @return void */ _menuOnClick: function() { $( '.uabb-has-submenu-container' ).off().click( $.proxy( function( e ) { var $link = $( e.target ).parents( '.uabb-has-submenu' ).first(), $subMenu = $link.children( '.sub-menu' ).first(), $href = $link.children('.uabb-has-submenu-container').first().find('> a').attr('href'), $subMenuParents = $( e.target ).parents( '.sub-menu' ), $activeParent = $( e.target ).closest( '.uabb-has-submenu.uabb-active' ); if( !$subMenu.is(':visible') || $(e.target).hasClass('uabb-menu-toggle') || ($subMenu.is(':visible') && (typeof $href === 'undefined' || $href == '#')) ) { e.preventDefault(); } else { window.location.href = $href; return; } if ($(this.wrapperClass).hasClass('uabb-creative-menu-accordion-collapse')) { if ( !$link.parents('.menu-item').hasClass('uabb-active') ) { $('.uabb-active', this.wrapperClass).not($link).removeClass('uabb-active'); } else if ($link.parents('.menu-item').hasClass('uabb-active') && $link.parent('.sub-menu').length) { $('.uabb-active', this.wrapperClass).not($link).not($activeParent).removeClass('uabb-active'); } $('.sub-menu', this.wrapperClass).not($subMenu).not($subMenuParents).slideUp('normal'); } $subMenu.slideToggle(); $link.toggleClass( 'uabb-active' ); }, this ) ); }, /** * Changes general styling and behavior of menus based on mobile / desktop viewport. * * @see this._isMobile() * @since 1.6.0 * @return void */ _clickOrHover: function() { this.$submenus = this.$submenus || $( this.wrapperClass ).find( '.sub-menu' ); var $wrapper = $( this.wrapperClass ), $menu = $wrapper.find( '.menu' ); $li = $wrapper.find( '.uabb-has-submenu' ); if( this._isMenuToggle() ) { $li.each( function( el ) { if( !$(this).hasClass('uabb-active') ) { $(this).find( '.sub-menu' ).fadeOut(); } } ); } else { $li.each( function( el ) { if( !$(this).hasClass('uabb-active') ) { $(this).find( '.sub-menu' ).css( { 'display' : '', 'opacity' : '' } ); } } ); } }, /** * Logic to prevent submenus to go outside viewport boundaries. * * @since 1.6.0 * @return void */ _submenuOnRight: function() { $( this.wrapperClass ) .on( 'mouseenter', '.uabb-has-submenu', $.proxy( function( e ) { if( $ ( e.currentTarget ).find('.sub-menu').length === 0 ) { return; } var $link = $( e.currentTarget ), $parent = $link.parent(), $subMenu = $link.find( '.sub-menu' ), subMenuWidth = $subMenu.width(), subMenuPos = 0, winWidth = $( window ).width(); if( $link.closest( '.uabb-menu-submenu-right' ).length !== 0) { $link.addClass( 'uabb-menu-submenu-right' ); } else if( $( 'body' ).hasClass( 'rtl' ) ) { subMenuPos = $parent.is( '.sub-menu' ) ? $parent.offset().left - subMenuWidth: $link.offset().left - subMenuWidth; if( subMenuPos <= 0 ) { $link.addClass( 'uabb-menu-submenu-right' ); } } else { subMenuPos = $parent.is( '.sub-menu' ) ? $parent.offset().left + $parent.width() + subMenuWidth : $link.offset().left + subMenuWidth; if( subMenuPos > winWidth ) { $link.addClass('uabb-menu-submenu-right'); } } }, this ) ) .on( 'mouseleave', '.uabb-has-submenu', $.proxy( function( e ) { $( e.currentTarget ).removeClass( 'uabb-menu-submenu-right' ); }, this ) ); }, /** * Logic for the mobile menu button. * * @since 1.6.0 * @return void */ _toggleForMobile: function() { var $wrapper = null, $menu = null; if( this._isMenuToggle() ) { $wrapper = $( this.wrapperClass ); $menu = $wrapper.children( '.menu' ); if( !$wrapper.find( '.uabb-creative-menu-mobile-toggle' ).hasClass( 'uabb-active' ) ) { if( window.innerWidth <= this.mediaBreakpoint ) { $menu.css({ display: 'none' }); } else { if( this.mobileBelowRow == 'below-row' ) { $menu.css({ display: 'block' }); } } } $wrapper.find( '.uabb-creative-menu-mobile-toggle' ).off().on( 'focus', function( e ) { $(this).on('keypress', function(e) { if(e.which === 13) { $(this).trigger('click'); } }); } ); $wrapper.off().on( 'click', '.uabb-creative-menu-mobile-toggle', function( e ) { $( this ).toggleClass( 'uabb-active' ); $menu.slideToggle(); } ); $menu.on( 'click', '.menu-item > a[href*="#"]', function(e) { var $href = $(this).attr('href'), $targetID = ''; if ( $href !== '#' ) { $targetID = $href.split('#')[1]; if ( $('body').find('#'+ $targetID).length > 0 ) { e.preventDefault(); $( this ).toggleClass( 'uabb-active' ); $menu.slideToggle('fast', function() { setTimeout(function() { $('html, body').animate({ scrollTop: $('#'+ $targetID).offset().top }, 1000, function() { window.location.hash = $targetID; }); }, 500); }); } } }); } else { $wrapper = $( this.wrapperClass ), $menu = $wrapper.children( '.menu' ); $wrapper.find( '.uabb-creative-menu-mobile-toggle' ).removeClass( 'uabb-active' ); $menu.css({ display: '' }); } }, /** * Logic for the Below Row menu. * * @since 1.11.0 * @return void */ _initBelowRowMenu: function() { var $wrapper = null, $menu = null; if( this._isMenuToggle() && (window.innerWidth <= this.mediaBreakpoint || this.mediaBreakpoint == 'always' )) { if ( this._isMobileBelowRowEnabled() ) { this._placeMobileMenuBelowRow(); $wrapper = $( this.wrapperClass ); $menu = $( this.nodeClass + '-clone' ); $menu.find( 'ul.menu' ).show(); } else { $wrapper = $( this.wrapperClass ); $menu = $wrapper.children( '.menu' ); } if( false != this.mobileBelowRow && !$wrapper.find( '.uabb-creative-menu-mobile-toggle' ).hasClass( 'uabb-active' ) ) { if( window.innerWidth <= this.mediaBreakpoint || this.mediaBreakpoint == 'always' ) { $menu.css({ display: 'none' }); } else { $menu.css({ display: 'block' }); } } $wrapper.find( '.uabb-creative-menu-mobile-toggle' ).off().on( 'focus', function( e ) { $(this).on('keypress', function(e) { if(e.which === 13) { $(this).trigger('click'); } }); } ); $wrapper.off().on( 'click', '.uabb-creative-menu-mobile-toggle', function( e ) { $( this ).toggleClass( 'uabb-active' ); $menu.slideToggle(); } ); } else { if ( this._isMobileBelowRowEnabled() ) { this._removeMenuFromBelowRow(); } $wrapper = $( this.wrapperClass ), $menu = $wrapper.children( '.menu' ); $wrapper.find( '.uabb-creative-menu-mobile-toggle' ).removeClass( 'uabb-active' ); $menu.css({ display: '' }); } }, /** * Initialize Off Canvas Menu. * * @since 1.6.0 * @return void */ _initializeCanvas: function() { if ( this.isBuilderActive ) { this._toggleMenu(); return; } if ( 'always' === this.mediaBreakpoint || this.mediaBreakpoint >= this.currentBrowserWidth ) { $(this.nodeClass).find('.uabb-creative-menu.off-canvas').appendTo('body').wrap('<div class="fl-node-'+this.settingsId+'">'); } this._toggleMenu(); }, /** * Initialize Overlay Menu. * * @since 1.6.0 * @return void */ __initializeFullScreen: function() { if ( this.isBuilderActive ) { this._toggleMenu(); return; } if ( 'always' === this.mediaBreakpoint || this.mediaBreakpoint >= this.currentBrowserWidth ) { $(this.nodeClass).find('.uabb-creative-menu.full-screen').appendTo('body').wrap('<div class="fl-node-'+this.settingsId+'">'); } this._toggleMenu(); }, /** * Trigger the toggle event for off-canvas. * and full-screen overlay menus. * * @since 1.6.0 * @return void */ _toggleMenu: function() { var self = this; // Toggle Click $(self.nodeClass).find('.uabb-creative-menu-mobile-toggle' ).off().on( 'focus', function( e ) { $(this).on('keypress', function(e) { if(e.which === 13) { $(this).trigger('click'); } }); } ); $(self.nodeClass).find('.uabb-creative-menu-mobile-toggle' ).off('click').on( 'click', function() { if( $(self.nodeClass).find('.uabb-creative-menu').hasClass('menu-open') ) { $(self.nodeClass).find('.uabb-creative-menu').addClass('menu-close'); $(self.nodeClass).find('.uabb-creative-menu').removeClass('menu-open'); } else { $(self.nodeClass).find('.uabb-creative-menu').addClass('menu-open'); } } ); // Close button click $(self.nodeClass).find('.uabb-creative-menu .uabb-menu-close-btn, .uabb-clear' ).on( 'click', function() { $(self.nodeClass).find('.uabb-creative-menu').addClass('menu-close'); $(self.nodeClass).find('.uabb-creative-menu').removeClass('menu-open'); } ); if ( this.isBuilderActive ) { setTimeout(function() { if ( $('.fl-builder-settings[data-node="'+self.settingsId+'"]').length > 0 ) { $('.uabb-creative-menu').removeClass('menu-open'); $(self.nodeClass).find('.uabb-creative-menu-mobile-toggle').trigger('click'); } }, 600); FLBuilder.addHook('settings-form-init', function() { if ( ! ( $('.fl-builder-settings[data-node="'+self.settingsId+'"]').length > 0 ) ) { return; } if ( ! $(self.nodeClass).find('.uabb-creative-menu').hasClass('uabb-menu-overlay') ) { $('.fl-builder-panel').css('z-index', '999999'); } if ( ! $(self.nodeClass).find('.uabb-creative-menu').hasClass('menu-open') ) { $('.uabb-creative-menu').removeClass('menu-open'); $('.uabb-creative-menu-mobile-toggle').removeClass('uabb-active'); $(self.nodeClass).find('.uabb-creative-menu-mobile-toggle').trigger('click'); } }); } }, /** * Check to see if Below Row should be enabled. * * @since 1.11.0 * @return boolean */ _isMobileBelowRowEnabled: function() { return this.mobileBelowRow && $( this.nodeClass ).closest( '.fl-col' ).length; }, /** * Logic for putting the mobile menu below the menu's * column so it spans the full width of the page. * * @since 1.11.0 * @return void */ _placeMobileMenuBelowRow: function() { if ( $( this.nodeClass + '-clone' ).length ) { return; } var module = $( this.nodeClass ), clone = null, col = module.closest( '.fl-col' ); if ( module.length < 1 ) { return; } clone = ( module.length > 1 ) ? $( module[0] ).clone() : module.clone(); module.find( 'ul.menu' ).css('display','none'); clone.addClass( ( this.nodeClass + '-clone' ).replace( '.', '' ) ); clone.find( '.uabb-creative-menu-mobile-toggle' ).remove(); col.after( clone ); this._menuOnClick(); }, /** * Logic for removing the mobile menu from below the menu's * column and putting it back in the main wrapper. * * @since 1.11.0 * @return void */ _removeMenuFromBelowRow: function(){ if ( ! $( this.nodeClass + '-clone' ).length ) { return; } var module = $( this.nodeClass ); module.find( 'ul.menu' ).css('display','none'), clone = $( this.nodeClass + '-clone' ); menu = clone.find( 'ul.menu' ); module.find( 'ul.menu' ).after( menu ); clone.remove(); }, /** * Init any mega menus that exist. * * @see this._isMenuToggle() * @since 1.6.0 * @return void */ _initMegaMenus: function() { var module = $( this.nodeClass ), rowContent = module.closest( '.fl-row-content' ), rowWidth = rowContent.width(), rowOffset = ( rowContent.offset.left != undefined ) ? rowContent.offset().left : '', megas = module.find( '.mega-menu' ), disabled = module.find( '.mega-menu-disabled' ), isToggle = this._isMenuToggle(); if ( isToggle ) { megas.removeClass( 'mega-menu' ).addClass( 'mega-menu-disabled' ); module.find( 'li.mega-menu-disabled > ul.sub-menu' ).css( 'width', '' ); rowContent.css( 'position', '' ); } else { disabled.removeClass( 'mega-menu-disabled' ).addClass( 'mega-menu' ); module.find( 'li.mega-menu > ul.sub-menu' ).css( 'width', rowWidth + 'px' ); rowContent.css( 'position', 'relative' ); } }, }; })(jQuery); jQuery(document).ready(function(){ new UABBCreativeMenu({ id: 'xw5aq20ltmzb', type: 'vertical', mobile: 'hamburger', mobileBelowRow: false, breakPoints: { medium: 992, small: 768, custom: 100 }, mobileBreakpoint: 'custom', mediaBreakpoint: '100', mobileMenuType: 'default', fullScreenAnimation: '', isBuilderActive: false }); }); /* Start Layout Custom JS */ /* End Layout Custom JS */