html - Modal box is not working inside navbar tabs (bootstrap) -


i have been trying lot of times still no use not able display modal in navbar tabs. when click on blur triggered. can please me?

enter image description here

my template,

addnewrecord() {   $('#editmodel').modal('show'); } 
<div class="col-xs-12">   <div class="row">     <div class="col-xs-12">       <div class="tabbable tabs-left mb-lg">         <ul id="tabs2" class="nav nav-tabs">           <li class="nav-item"><a class="nav-link" href="#tab1" data-toggle="tab">home</a>           </li>           <li class="nav-item"><a class="nav-link active" [routerlink]="['/app/tables/basic']" data-toggle="tab">chatter</a>           </li>         </ul>         <div id="tabs2c" class="tab-content bg-info-light">           <div class="tab-pane active">             <div class="page-title">               <div class="btn-group">                 <button class="btn btn-sm btn-default" (click)='addnewrecord()'>                   new                 </button>               </div>             </div>              <div class="modal fade" id="editmodel" role="dialog">               <div class="modal-dialog">                 <div class="modal-content">                   <div class="modal-header">                     <div class="modal-body">                       <form id='form' class="form-horizontal form-label-left parsleyjs" method="post" data-parsley-priority-enabled="false" novalidate="novalidate">                         <div class="form-group">                           <label for="email">firstname:</label>                           <input type="text" [(ngmodel)]='student.accountname' name='accountname' class="form-control" id="email" placeholder="enter firstname" required='required'>                         </div>                         <button type="submit" class="btn btn-primary" (click)='insertdata(student,student._id)'>{{buttonname}}</button>                       </form>                     </div>                     <div class="modal-footer">                       <button type="button" class="btn btn-default" data-dismiss="modal" (click)='resetform()'>close</button>                     </div>                   </div>                 </div>               </div>             </div>           </div>         </div>       </div>

please try code,

$('#editmodel').show();

Comments

Post a Comment

Popular posts from this blog

sql - can we replace full join with union of left and right join? why not? -

can replace full join union of left , right join? if no,why? 'yes' if t1 , t2 sets (no duplicated rows), otherwise answer 'no'. create table t1 (i int); create table t2 (i int); insert t1 values (1); insert t1 values (2); insert t1 values (2); insert t2 values (3); full join select * t1 full join t2 on t1.i=t2.i order 1,2 1 (null) 2 2 2 2 (null) 3 union select * t1 left join t2 on t1.i=t2.i union select * t1 right join t2 on t1.i=t2.i order 1,2 1 (null) 2 2 (null) 3 union all select * t1 left join t2 on t1.i=t2.i union select * t1 right join t2 on t1.i=t2.i order 1,2 1 (null) 2 2 2 2 2 2 2 2 (null) 3
Read more

javascript - Parallax scrolling and fixed footer code causing width issues -

i bolted bits of code. 1 parallax scrolling, , other piece of fixed footer code found here: http://codepen.io/madshaakansson/pen/cgjch though after bolting , fixing few issues, have problem different widths. header different width footer, , main content doesnt span whole width of page. have tried adjusting width of content css 100%, made main content span whole width, ended breaking footer. i not sure need change make these different bits of code work together. advice appreciated. my attempt: http://codepen.io/dingerzat/pen/qgbwkk html /*global define: false */ function init() { window.addeventlistener('scroll', function(e) { var distancey = window.pageyoffset || document.documentelement.scrolltop, shrinkon = 300, header = document.queryselector("header"); if (distancey > shrinkon) { classie.add(header, "smaller"); } else { if (classie.has(header, ...
Read more

iOS: Performance of reloading UIImage(name:...) -

i have tableview , each row has icon. 90% of rows have same icon. in cellforrowatindexpath method load image assets folder this: var cellimage = uiimage(named: "myimage") does pose performance problem? os somehow smart enough it's same image each time? better if loaded image once , saved in class variable , assigned each time? uiimage 's named: api does kind of caching. if @ uiimage's documentation , states: use init(named:in:compatiblewith:) method (or init(named:) method) create image image asset or image file located in app’s main bundle (or other known bundle). because these methods cache image data automatically, recommended images use frequently.
Read more