代码之家 › 专栏 › 技术社区 › user379888

单击“从控制台但不在代码中工作”

console jquery javascript

user379888 · 技术社区 · 7 年前

我在ready()函数中编写了一个点击jquery函数,但它在站点上仍然不起作用。当我将代码粘贴到控制台中时,它确实起作用。

jQuery(document).ready(function($){
    jQuery(".product-video-popup").click(function(){
        jQuery("html, body").animate({ scrollTop: 1250 }, 2000);

}); 
});

2 回复 | 直到 7 年前

SRK 7 年前

请尝试此代码。

jQuery(document).ready(function($){
    jQuery(document).on("click",".product-video-popup",function(){
        jQuery("html, body").animate({ scrollTop: 1250 }, 2000);

}); 
});

让我知道它是否有效。动态更新DOM时可能会出现这种情况。请检查。

谢谢

Manoj Kumar 7 年前

$(document).ready(function(){
    $("button").click(function(){
       jQuery("div").animate({ scrollTop: 1250 }, 1000);
    });
});

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
</script>
</head>
<body>

<div style="border:1px solid black;width:100px;height:150px;overflow:auto">
This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.</div><br>

<button>Return the vertical position of the scrollbar</button>
<p>Move the scrollbar down and click the button again.</p>

</body>
</html>

上述代码工作正常。我认为您所犯的错误是创建DOM元素或不包括jquery库。

我提到的工作如下。 Js fiddle link for scroll down

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

3 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

3 月前

Alex · 在轻量级中同时解构和不解构变量

3 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

3 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

3 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

3 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前