jquery - How to keep dynamic item behavior after clicking any item in the list? -

-

i have menu this. can view on website under products tab

firstly, please hover on products.

if hover on items in list, content in right pane changed dynamically. however, if click 1 of them , try hover on other items, content in right pane doesn't change automatically. have click others.

basically, loses it's dynamic behavior after clicking items in left item list.

i had written jquery code think missing something.

$('.urun_tab').hover( function(){     if($(this).hasclass('hoverblock'))         return;     else         $(this).find('a').tab('show'); });   $('.urun_tab').find('a').click( function(){     $(this).parent()             .siblings().addclass('hoverblock'); });

this items part on website 

<ul class="nav nav-tabs span4">     <li class="active urun_tab"><a href="#a" data-toggle="tab">seksiyonel kapılar<i class="icon-circle-arrow-right icon-2x icon-white"></i></a> </li>     <li class="urun_tab" ><a href="#b" data-toggle="tab">otomatik kapılar<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#c" data-toggle="tab">kepenk ve panjur sistemleri<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#d" data-toggle="tab">hangar kapıları<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#e" data-toggle="tab">otomasyon Ürünleri<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#f" data-toggle="tab">yükleme sistemleri<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li>     <li class="urun_tab" ><a href="#g" data-toggle="tab">yangın kapıları<i class="icon-circle-arrow-right icon-2x icon-white"></i></a></li> </ul>

you adding class hoverblock li elements when click on link. hover handler written ignore li.unrun_tab elements have hoverblock class.

if want hover behavior persist after have clicked on item in product list, have either remove code in click handler adds hoverblock class, or remove code in hover handler excludes class '.hoverblock` hover processing.

it's bit unclear want behavior be. describing seems want click on product nothing respect adjacent images.


Comments

Post a Comment

Popular posts from this blog

html5 - What is breaking my page when printing? -

-
Image
i have questioner , don't know why when printing it's creating break before first question. live demo (link) i able resolve issue removing fieldset container had wrapped in.. having fieldset element causing of fields grouped together, , since not fit on first page, being pushed second page. removing fieldset element, able firefox print first 2 questions on page 1 identically chrome. it seems not new problem firefox , fieldset not playing nice found old bugzilla ticket 2008 has persisted , still being commented on in 2014 (link) if retaining fieldset important, found solution else came here (link) <script type='text/javascript'> $(window).bind('beforeprint', function(){ $('fieldset').each( function(item) { $(this).replacewith($('<div class="fieldset">' + this.innerhtml + '</div>')); } ) }); $(window).bind(
Read more

html - Unable to style the color of bullets in a list -

-
i'm trying change colour of list points it's not working? <div class="mobile-menu" id="mobile-menu"> <div id="mobile-menu-links"> <h4>general:</h4> <ul class="mobile-menu-links"> <li><a href="">news</a></li> <li><a href="">the boring rules!</a></li> <li><a href="">the rankings</a></li> </ul> .mobile-menu #mobile-menu-links ul{ list-style-type: none; margin:0; padding-left:3%; } .mobile-menu #mobile-menu-links ul li{ padding-bottom:2px; border-bottom:1px solid #bababa; } if add color:red in either of 2 css declarations, doesn't change colour. please note html closed in document, copi
Read more

c# - must be a non-abstract type with a public parameterless constructor in redis -

-
when save object, got below error must non-abstract type public parameterless constructor in order use parameter 't' in generic type or method 'servicestack.redis.redisclient.store<t>(t) redisclass.getinstnace().store(msg); // error here redisclass.getinstnace().save(); as third party's class, can not edit how save object? could create wrapper around third party object call constructor, store wrapper? e.g. public class mywrapper { public thirdpartyobject thirdpartyinstance { get; set; } public mywrapper() { thirdpartyinstance = new thirdpartyobject("constructors"); } }
Read more