Bootstrap and Photonic Issue

  • Resolved mpsaini

    (@mpsaini)


    8 years ago

    Hi @sayontan,

    Website that has issue: https://onpointvolunteers.org

    This is strange issue and photonic plugin was working fine until yesterday. I think this plugin got updated couple days ago and now starts giving me issue.

    Following is the error I can see when I use firefox or chrome web developer tool under consoel tab:

    Error: selector option must be specified when initializing tooltip on the window.document object!

    If I disable plugin site functionality works fine but when I enable it all my slideshows and some JS functionality and menu in mobile stops working and can see above error.

    It seems your plugin has some issue with bootstrap and Jquery.

    Can you please advise when can be done ?
    Currently plugin is disabled on site and slider loads fine on home page and other as you can see.

Viewing 10 replies - 16 through 25 (of 25 total)
  • Plugin Author Sayontan Sinha

    (@sayontan)

    Sorry, environment access is prohibited under the forum rules.

    I am seeing the tooltip code here: https://onpointvolunteers.org/sandbox/wp-content/themes/nictitate-lite-ii/assets/js/bootstrap.js.

    Thread Starter mpsaini

    (@mpsaini)

    So I have commented the code, If you copy in notepadd++ you can easily see the huge part that is commented.

    Plugin Author Sayontan Sinha

    (@sayontan)

    OK – your error message seems to have changed now:

    Uncaught TypeError: Cannot read property 'DEFAULTS' of undefined
    at bootstrap.js:1747
    at bootstrap.js:1831

    This is because the “popover” script in Bootstrap requires tooltip to be present. Are you using that functionality? Popover basically extends Bootstrap’s tooltip. If you are not using it (it doesn’t seem like you are), you can delete that as well.

    Thread Starter mpsaini

    (@mpsaini)

    Yeah commenting popover worked as well. I am not sure if this is used some where or not. I think I will get to know soon if it is gettign used somewhere haha

    Plugin Author Sayontan Sinha

    (@sayontan)

    Glad to hear that. Happy that we could finally resolve this.

    Thread Starter mpsaini

    (@mpsaini)

    Yeah so there are two solution for now:

    1. Revert the code that you updated which will bring ambiguity in functionality.

    2. Commenting Bootstrap tooltip and popover functions.

    I will try to play with other possible solution that we were discussing before (call jquery tooltip before bootstrap tooltip) and post update. In the mean time if you can come up with some other way as well, Please share.

    Really appreciate all your help. ??

    Thank you!

    • This reply was modified 8 years ago by mpsaini.
    Plugin Author Sayontan Sinha

    (@sayontan)

    JQuery tooltip is actually being called before bootstrap.js (Tooltip is in the first 100 lines, and bootstrap is in the last 100). Somehow “noConflict” seems to be malfunctioning.

    ncsumarit

    (@ncsumarit)

    I’m having the same problem with my theme, which is using Bootstrap for menus. The normal behavior is to open submenus on.click but after the latest Photonic update they activate on.click. Like mpsaini I can’t resolve by rearranging or removing code, other than to deactivate Photonic completely.

    I’d very much like to keep using the plugin so I second the request for a non-conflict mode or alternate functions. Thanks.

    Plugin Author Sayontan Sinha

    (@sayontan)

    The non-conflict code has to be in your theme – Photonic is using a standard WP library, while your theme is using Bootstrap, which is not a standard WP library.

    That being said, both the suggestions in mpsaini’s last post are code changes that work without deactivating the plugin. If the changes aren’t working for you please provide your URL.

    Plugin Author Sayontan Sinha

    (@sayontan)

    BTW, this has already been addressed for the next version (not yet public) – basically in the default mode it will work as it does currently, however if you have Bootstrap (or a conflicting tooltip script), I will give you an option to load Photonic tooltips in a way that makes Photonic’s tooltips buggy and erratic, but it will still work and not break anything.

Viewing 10 replies - 16 through 25 (of 25 total)
  • The topic ‘Bootstrap and Photonic Issue’ is closed to new replies.