Topic: popover followed by popover

toloest free asked 4 years ago


Hi, guys, I have the following request for popover. A popover should be followed by another popover after Click, here's my idea:

<a id="xxx"></a>

$("#xxx").popover({
        html: true,
        trigger: 'click',
        placement: 'right',
        content: function () { return '<a id="xxx_follow"><img src="/hardware1.PNG" /></a>'; }
    });

$("#xxx_follow").popover({
        html: true,
        trigger: 'click',
        placement: 'right',
        content: function () { return '<img src="/hardware2.PNG" />'; }
    });

How can I solve this?

Many greetings Torsten


Krzysztof Wilk staff answered 4 years ago


Hi!

Nice idea :D I've made a snippet with your concept and it works!

You can check it out there: https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2041362#js-tab-view

(You gave local path to your images, so I took some from Google, you can change them of course ;) )


toloest free commented 4 years ago

Yep....it works....great.... Thanks for your quick support.....


toloest free commented 4 years ago

Oh, after some testing, one little problem: After you have clicked the first image, it can no longer be closed. Have you got an idea? I have not yet been able to develop a solution. Many thanks in advance.


Krzysztof Wilk staff commented 4 years ago

Just had to change trigger on manual :D I updated snippet, you can check it now: https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2041362#js-tab-view


toloest free commented 4 years ago

Thanks a lot for your quick help. Perfect!!


FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.17.0
  • Device: xxx
  • Browser: Chrome
  • OS: WIN10
  • Provided sample code: No
  • Provided link: No