jquery - JscrollPane Div doesn't work when children Div are called -

-

using jscrollpane on "master" div, , have content in children divs within div. i'm using jquery show/hide load content onclick, child div won't appear. if remove jscrollpane works fine :(

html:

<h3 onclick="internalnav('testtwo')">click see div two</h3>        <div id="content" class="scroll-pane">             <div id="testone">                 <h1>title 1</h1>             <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed             eiusmod tempor incididunt ut labore et dolore magna             aliqua. ut enim ad minim veniam, quis nostrud exercitation             ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>             </div>              <div id="testtwo">                 <h1>title 1/h1>             <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed             eiusmod tempor incididunt ut labore et dolore magna             aliqua. ut enim ad minim veniam, quis nostrud exercitation             ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>             </div>         </div>

js

$(document).ready(function(){      //hide divs, show first div     $("#content > div").hide()     $("#content > div:first").show()  $(function(){     $('.scroll-pane').jscrollpane(); });  });   function internalnav(divid) {      $("#content > div").not('#' + divid).hide()     $('#' + divid).fadein()   }

i can't see what's wrong here!

you need reinitialise jscrollpane after changing content inside (or changing visibility of content). here example:

http://jscrollpane.kelvinluck.com/invisibles.html

also, notice have $(function() block inside document.ready block. don't need additional block - can apply jscrollpane directly since inside document.ready block

as side note, using onclick attribute in h3 isn't considered best practice. instead add event listener jquery. example showing both reinitialisation , using cleaner event binding:

$('.internal-nav').bind(     'click',     function(e)     {         var divid = $(this).attr('rel');         // notice no spaces around ">" - if have nested divs         $("#content>div").not('#' + divid).hide();          $('#' + divid).fadein(             function()             {                 $('.scroll-pane').jscrollpane()             }         );      } );

with h3 html replaced with:

<h3 class="internal-nav" rel="testtwo">click see div two</h3>

Comments

Post a Comment

Popular posts from this blog

Javascript line number mapping -

-
magically formatted comments change reported line number of javascript errors in browsers; this: //@line n "f" n line number , f file name. unfortunately, //@line appears ungoogleable. know there documentation on feature, , browsers support it? (i found references here , here .) from can find available in mozilla based browsers. it using js_setoptions command can turn these options on or off depending on values passed. https://developer.mozilla.org/en/js_setoptions
Read more

c# - Is it possible to remove an existing registration from Autofac container builder? -

-
something along lines: builder.registertype<mytype>().as<itype>(); builder.registertype<mytype2>().as<itype>(); builder.deregistertype<mytype>().as<itype>() var container = builder.build(); var types = container.resolve<ienumerable<itype>>(); assert.istrue(types.count == 1); assert.istrue(types[0].gettype == typeof(mytype2)); scenario: go through bunch of assemblies , go register types want make sure have 1 implementation of given type. need before create container. track on own nice if autofac me bit. this cannot done directly using containerbuilder , unless start on new one. mind you, having first built container should able construct new container filtering away unwanted types , reusing registrations first container. this: ... var container = builder.build(); builder = new containerbuilder(); var components = container.componentregistry.registrations .where(cr => cr.activator.limittype != typ...
Read more

php - Mysql PK and FK char(36) vs int(10) -

-
i have read mysql can handle indexes , searches better if tables keys integers rather char(36) uuid's. is worth converting int(10)? note: use 1 server , have have plans use multiple databases concurrently therefore removing 1 of big reasons using uuid. our tables innodb if makes difference. thanks in advance. usually rdbms can handle integer keys pk more efficient, other datatypes. reason how build index column, yes: long dont require string (or other typed) keys, should use integers. however: char(36) , int(10) far away being equal, because int(10) much smaller, char(36). dont know, if require many different keys, should keep in mind. update, complete last paragraph: int(10) 32-bit, char(36) 36 - ^byte^ (= 288-bit). not mean, int consumes less space, means, char(36) has 4 times more different keys.
Read more