Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 14, 2019 at 2:55 pm #1066980
    xxtita

    Hi Team Kriesi,
    read a lot in this forum, but nothing helped.
    I want to achieve that the tooltips for icon show up on iOS for mobile devices. Guess best way would be to make the icons clickable, so the tooltip shows up after clicking the icon.
    tried this code from a thread

    <script>
(function($){
    $(window).load(function() {
    	new $.AviaTooltip({'class': "avia-tooltip avia-icon-tooltip", event: "click", data: "avia-icon-tooltip", delay:0, scope: "body"});
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    This Code looks good, but those classes are not here anymore in 4.5.2.
    Can you provide some new code for this behaviour?
    Thanks in advance.

    • This topic was modified 5 years, 10 months ago by xxtita.
    February 16, 2019 at 9:12 pm #1067786
    Victoria

    Hey xxtita,

    Best regards,
    Victoria

    February 18, 2019 at 9:52 am #1068221
    xxtita

    Hi Victoria,
    yes, part 2
    Image 2019-02-16 at 21.10.47.png
    is the icon tooltip which i want to be clickable for iOs Devices.
    Mixed Content is another thread, when fonts uploaded via enfold to serve the website.

    February 18, 2019 at 3:55 pm #1068415
    Victoria

    Hi xxtita,

    Try the code like this:

    
<script>
(function($){
    $(window).load(function() {
    	new $.AviaTooltip({'class': "av-icon-char", event: "click", data: "avia-icon-tooltip", delay:0, scope: "body"});
    });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    If you need further assistance please let us know.
    Best regards,
    Victoriad

    February 18, 2019 at 5:44 pm #1068488
    xxtita

    Hi Victoria,
    this code works on the chrome-browser-emulator for iphone, but it doesnt work on real iOs for iphone or ipad. At least not on my devices.
    So, any idea how can i achieve this goal?

    February 19, 2019 at 2:06 pm #1068978
    Victoria

    Hi xxtita,

    There is no click event on mobile devices.

    https://micropyramid.com/blog/how-to-use-jquery-mobile-touch-events/ You might want to add the “tap” event too.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.