AGAIN: CONFLICT WITH EASY TOC

  • Resolved meideserve

    (@meideserve)


    5 years, 3 months ago

    Hi there Malihu, thanks for your help earlier on. Greatly appreciated.
    Created another staging site with litespeed cache disabled so you can troubleshoot easier.

    I had resolved a problem with headings/punctuation, and the JS functions, previously with you. I had installed and updated page scroll to id plugin, and also updated easy TOC to ensure all the reserved characters can be included in headings. So far, the smooth scrolls for all links, pages and also those in easy toc headings are working.

    However, past 1-2 days, I am not sure due to easy TOC plugin update or page scroll to id update, the highlight function for easy TOC is no longer working!
    You can see in the website above.
    Whether I click a link from easy TOC widget, or the main page, or via another link i create manually, the highlight portion does not move. I noticed that when i deactivate page scroll to id, this error resolves. Is there an error caused by page scroll to id?

    May I check what is this problem and how to resolve it?
    Thank you!

    The page I need help with: [log in to see the link]

Viewing 13 replies - 1 through 13 (of 13 total)
  • Plugin Author malihu

    (@malihu)

    5 years, 3 months ago

    Hello again,

    How does the easy toc highlight feature work? Can you temporarily disable the plugin so I can check it?

    Thread Starter meideserve

    (@meideserve)

    5 years, 3 months ago

    Sorry for the delay due to weekend and festive season! Have disabled page scroll to id now. You can take a look now at how the highlighting for easy TOC works. Look at any blog post, and scroll down, and see the right side bar easy toc widget. it works now when page scroll to id is disabled.

    eg
    https://staging13.meide.sg/how-to-clean-bathroom-tiles/

    [REDACTED]/wp-content/plugins/page-scroll-to-id/js/page-scroll-to-id.min.js?ver=1.7.2
    Most like because both plugin use the script of scroll event to function, this script above is overriding the ezTOC script… causing conflict.

    Plugin Author malihu

    (@malihu)

    5 years, 3 months ago

    Ok. Re-enable “Page scroll to is” so I can check it again. We cshould be able to fix this or use plugin’s highlight feature.

    Thread Starter meideserve

    (@meideserve)

    5 years, 3 months ago

    Ok, re-enabled!

    Plugin Author malihu

    (@malihu)

    5 years, 3 months ago

    Try this:

    Go to plugin settings and set the “Highlight selector(s)” option value to:

    .none

    Save changes and test.

    Thread Starter meideserve

    (@meideserve)

    5 years, 3 months ago

    I tried! But no effect seen…

    Plugin Author malihu

    (@malihu)

    5 years, 3 months ago

    OK. Remove the “Highlight selector(s)” option value and enable “Prevent other scripts from handling plugin’s links” option. Save changes and let me know so I can check it.

    Thread Starter meideserve

    (@meideserve)

    5 years, 3 months ago

    Yep, done that too. But still no effect. seems exactly the same to me 🙁

    Plugin Author malihu

    (@malihu)

    5 years, 3 months ago

    OK, I think the only way to solve this quickly is to disable the plugin on the sidebar list. In plugin settings add the following at the very end of “selectors are excluded” option field:

    , .ez-toc-widget-container a.ez-toc-link

    Save changes and test.

    Thread Starter meideserve

    (@meideserve)

    5 years, 3 months ago

    Thanks Malihu! I have unticked “Prevent other scripts from handling plugin’s links” option. (seems like it doesnt create any effect),
    and also done what you said – added the two css class to be excluded.

    Seems like a good improvement! However, there is still a small glitch:
    in the blog posts and this page:
    https://staging13.meide.sg/what/#Window_Cleaning

    All is working fine now, except when you click an anchor link (eg Window Cleaning) at the black colored easy Table of Contents box at the top few paragraph of the page. (not the sidebar). In that case, the highlight function stops working again… is there another css class to be excluded?

    Many thanks so far! Things are improving 😀

    Plugin Author malihu

    (@malihu)

    5 years, 3 months ago

    In such case, change the previous value to:

    , .ez-toc-list a.ez-toc-link

    This should do the trick.

    Thread Starter meideserve

    (@meideserve)

    5 years, 3 months ago

    yes! problem is solved completely! you are awesome totally and thank you lots for helping!! 😀

    Plugin Author malihu

    (@malihu)

    5 years, 3 months ago

    You’re welcome 🙂

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘AGAIN: CONFLICT WITH EASY TOC’ is closed to new replies.