javascript - jQuery click to scroll to cloest div.class and show not working -


hi have ideas im doing wrong here?

when click show content want find closest div class ask , scroll not work... im new jquery maybe im doing wrong think logic correct haha

getting error in console:

cannot read property 'top' of undefined

example:

$(document).ready(function() {    // show examples    $(document).on("click", ".show-syntax", function(e) {      var ele = $(this).parent().closest(".render-syntax");      // search within section      ele.show();      $("html, body").animate({        scrolltop: $(ele).offset().top      }, 100);      e.preventdefault();    });    });
.render-syntax {    display: none;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  <div class="container">    <a href="#" class="show-syntax">show content</a>  </div>    <div class="render-syntax">    <p>content show</p>  </div>    <div class="container">    <a href="#" class="show-syntax">show content</a>  </div>    <div class="render-syntax">    <p>content show</p>  </div>    <div class="container">    <a href="#" class="show-syntax">show content</a>  </div>    <div class="render-syntax">    <p>content show</p>  </div>

closest doesn’t go through siblings; next job need. replacing closest next in code give proper behavior.

var ele = $(this).parent().next(".render-syntax");

otherwise ele won’t have elements, ele.offset() returns null , there’s no top property of null, hence error.


-

Comments

Post a Comment

Popular posts from this blog

c# - ajax - How to receive data both html and json from server? -

i have referenced this topic , doesn't solve problem. i'm using mvc 5 c#. have used code receive data server data type json . $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "json", success: function (data) { if (data.result) { alert('successfull'); } else { alert(data.ex); } } }); and controller code: [httppost] public actionresult myaction() { try { return json(new { result = "true", ex = "" }); } catch (exception e) { return json(new { result = "false", ex = e.message }); } } i use way data type html: $.ajax({ url: "/mycontroller/myaction", type: "post", datatype: "html", success: function (data) { $(".mydiv").append(data); } }); and controller should be: [httppost] public actionresult myaction() { return partialview("_...
Read more

c# - SharpDX Toolkit models rendering inside out -

a little while ago decided switch xna sharpdx toolkit actively being supported , quite similar xna. while i've had no trouble @ creating 2d games decided attempt basic 3d game. can both model , it's texture load when renders shows texture on side facing away camera doesn't show @ in between. this code using set environment. vector3 cameraposition = new vector3(0, 0, -10f * 2.5f); vector3 cameratarget = vector3.zero; boundingsphere modelbounds = model.calculatebounds(); float fovangle = mathutil.degreestoradians(45); float aspectratio = (float)graphicsdevice.backbuffer.width / graphicsdevice.backbuffer.height; float near = 0.01f; float far = 100f; float scaling = 10f / modelbounds.radius; matrix translation = matrix.scaling(scaling) * matrix.rotationy((float)gametime.totalgametime.totalseconds) * matrix.translation(0, -modelbounds.center.y * scaling, 0); matrix lookat = matrix.lookatlh(cameraposition, cameratarget, vector3.u...
Read more