jquery - Twitter Bootstrap event.relatedTarget to remove class? -


this should simple, somehow not working.

i trying change active class of list groups upon click of bootstrap tab events.

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {             $(e.target).addclass('active'); // activated tab             $(e.relatedtarget).removeclass('active'); // previous tab             //alert ($(e.relatedtarget).attr('href'));         });

i able add class e.target e.relatedtarget not working. help? 

<div class="list-group" id="masterpagetabs">      <a href="#lv" class="list-group-item active" data-toggle="tab">language variations</a>      <a href="#hm" class="list-group-item" data-toggle="tab">hotel master</a>      <a href="#gm" class="list-group-item" data-toggle="tab">generics master</a> </div>

as can refer, not using default ul li structure tabs, instead using bootstrap 3 list groups js tabs.

update code comment show (a) ul used select elements.

you try extend / overwrite show function of tab plugin. like:

            <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>              <script src="bootstrap3/bootstrap-3.0.0-wip/dist/js/bootstrap.min.js"></script>          <script>           $.fn.tab.constructor.prototype.show = function () {             var $this    = this.element              selector = $this.attr('href')             selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip ie7              var previous = $('.list-group').find('.active:last')[0]             var e        = $.event('show.bs.tab', {               relatedtarget: previous             })              $this.trigger(e)              if (e.isdefaultprevented()) return              var $target = $(selector)               this.activate($target, $target.parent(), function () {               $this.trigger({                 type: 'shown.bs.tab'               , relatedtarget: previous               })             })           }            $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {                     $(e.target).addclass('active'); // activated tab                     console.log(e.relatedtarget);                     $(e.relatedtarget).removeclass('active'); // previous tab                             });         </script>

event.relatedtarget undefined cause set mouse events. has nothing structure or twitter bootstrap.

see: https://developer.mozilla.org/en-us/docs/web/api/event.relatedtarget


Comments

Post a Comment

Popular posts from this blog

matlab - Deleting rows with specific rules -

i got 20*3 cell array , need delete rows contains "137", "2" , "n:t" origin data: 't' '' '' 'np(*)' '' '' [ 137] '' '' [ 2] '' '' 'are' 'and' 'np(fcc_a1#1)' '' '' '1:t' [ 1200] [0.7052] '' [1.2051e+03] [0.7076] '' 'are' 'and' 'np(fcc_a1#3)' '' '' '2:t' [ 1200] [0.0673] '' [1.2051e+03] [0.0671] '' 'are' 'and' 'np(m23c6)' '' '' '3:t' [ 1200] [0.227...
Read more

php - MySQLi multi_query results for later use -

i using mysqli multi_query work several select statemets @ time. know how handle results, able use them later in code. example: <?php //connection stuff $query = "select name, surname database1;"; $query.= "select car, year, type database2 carid='1';"; $query.= "select product, price database3;"; if ($mysqli->multi_query($query)) { if($result = $mysqli->store_result()) { while($row = $result->fetch_row()) { --> here? } } } ?> <html> <div id='persona'> <?php foreach() { --> print name + surname } ?> </div> <div id='cars'> <?php foreach() { --> print car + year + type } ?> </div> <div id='product'> <?php foreach() { --> print product + price } ?> </div> </html> one more thing, prepared statements not possible when using multiple_query, right? there no benefit in putting unrelated queries in 1 multi ...
Read more