html - Modal inside a dropdown list is not working -


i'm trying put link modal inside drop down list. link here works fine.

 <li><a href="#openmodal" id='rosterbtn'><span id=''class='playbuttons     badge primary'><i class='fa fa-user-plus'></i></span>add players</a></li> 

but once put inside dropdown list here

<li class = 'has-submenu'>       <a href="#">roster</a>           <ul class="submenu menu vertical">            <li><a href="#openmodal" id='rosterbtn'><span id=''class='playbuttons badge primary'><i class='fa fa-user-plus'></i></span>add players</a></li> </ul> </li> 

it stops working.

i'm using foundation css framework.

thanks input

i have change html code #openmodal #addplayermodel

<li><a href="#openmodal" id='rosterbtn'><span id=''class='playbuttons badge primary'><i class='fa fa-user-times'></i></span>edit players</a></li> 

to

<li><a href="#addplayermodel" id='rosterbtn'><span id='' class='playbuttons badge primary'><i class='fa fa-user-times'></i></span>edit players</a></li> 

https://jsfiddle.net/x59jsad9/5/


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -