继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

如果jquery找不到对象怎么检测?

BIG阳
关注TA
已关注
手记 460
粉丝 71
获赞 458

应用场景:

“灵感编程”网站的后台,在添加记录之后,body自动滚动从而定位到该行记录(方便继续添加);

使用的代码:

所在位置:

D:\yfwww\kuihua\Application\Tpl\Houtai\Public\js\Common\init.js

相关代码:

$(function(){

var last_top=300;

// var last_top=1000;

var gundong_top=0;

// 需要移动的距离

var obj=$('.table tr[class=current_item]');

console.log(obj);

// if (obj.length!=0) {

// if (obj) {

if (obj.offset().top) {

// if (obj != undefined) {

var self_top=obj.offset().top;

// console.log('self_top='+self_top);

if (self_top>last_top) {

gundong_top=self_top-last_top;

}

$('html,body').animate({

scrollTop: gundong_top,

}, 400,"swing",function (){

});

}

});

使用其他方式,均提示这样的错误:

webp

解决方案:

从上面console.log()中可以看到,如果没找到,这length为0,所以要使用length是否为0的检测方式才可以正确:

即:最后正确的代码为:

$(function(){

var last_top=300;

var gundong_top=0;

// 需要移动的距离

var obj=$('.table tr[class=current_item]');

if (obj.length!=0) {

var self_top=obj.offset().top;

if (self_top>last_top) {

gundong_top=self_top-last_top;

}

$('html,body').animate({

scrollTop: gundong_top,

}, 400,"swing",function (){

});

}

});

成功执行后,可以正确定位,如图:

webp

本文代码查询:

webp




作者:灵感编程
链接:https://www.jianshu.com/p/1d68bc2a630b


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP