Question

我正在尝试在html文件中应用下面的javascript，这段代码是插件的一部分所以我知道它确实有效，但我无法用标签定义它，无论我尝试什么脚本不会运行。

一旦用户滚过div，该div就会卡在页面顶部：

$(function() {
   var a = function() {
   var b = $(window).scrollTop();
   var d = $("#scroller-anchor").offset({scroll:false}).top;
   var c=$("#scroller");
   if (b>d) {
       c.css({position:"fixed",top:"0px"})
   } else if (b<=d) {
       c.css({position:"relative",top:""})
   }
 };
 $(window).scroll(a);a()
});

我尝试使用以下标记：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

但这不起作用。非常感谢任何帮助，谢谢

Answer 1

非常确定您需要type属性。

<script type="text/javascript">

如果您愿意，可以将该源添加到其中，只需添加该属性即可。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

这应该是将该代码中的任何内容包含到您的页面中的正确方法。

Answer 2

如果您正在操作DOM，您还需要使用DOMReady包装代码：

$(document).ready(function(){

    //Code goes here

});

无法在Html中应用javaScript

2 个答案: