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!!
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- 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