Can I add data-toggle="modal" and data-toggle="dropdown" in bootstrap 3?

Question

I tried the way that is already described in an answer to this question.

Bootstrap control with multiple “data-toggle”

But this way is not working.

Is there any other way of using data-toggle="modal" and data-toggle="dropdown" on a same link.

<li class="dropdown" data-toggle="modal" data-target="#myModal"> <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown"><span>My Menu</span></a>
      <ul class="dropdown-menu">
        <li><a href="mang_store">First Menu</a></li>
      </ul>
</li>`

You have to decide, what should the link do when you click on it? Open a dropdown or a modal. — Chay22, Apr 04 '19 at 03:07
when hover on a link then I want dropdown and when click then I want modal @Chay22 — Muhammad Tahseen ur Rehman, Apr 04 '19 at 05:20
@charlietfl I want both ... Its requirements please tell me the way if you hav any — Muhammad Tahseen ur Rehman, Apr 04 '19 at 05:22

score 0 · Answer 1 · answered Apr 04 '19 at 07:05

0

You can always use javascript to toggle the first event i.e data-toggle="modal" and/or data-toggle="dropdown".

Just use one event on click and put in the javascript the other event to trigger in X seconds.

answered Apr 04 '19 at 07:05

kibyungski

21
4

how is it possible? – Muhammad Tahseen ur Rehman Apr 05 '19 at 09:25

Can I add data-toggle="modal" and data-toggle="dropdown" in bootstrap 3?

1 Answers1