Question

我看到很多js文件包含在我们的html页面中，它开始工作。我已经做了简单的功能来检查它是如何工作的，我制作了外部文件，然后将它包含在我的网页中，但它无法正常工作。我的代码是......

<head>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="face.js"></script>
</head>
<body>
<div class="cl">check code</div>
</body>

// jquery

function mtLoan(){

    $('.cl').css('background-color','#ff0000')

}

Answer 1

你可以试试这个

的 HTML 的

<head> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript" src="face.js"></script> </head> <body> <div class="cl">check code</div> </body>

JS CODE

$(document).ready(function(){ $('.cl').on('click', function(){ mtLoan(); }); function mtLoan(){ $('.cl').css('background-color','#ff0000') } });

http://jsfiddle.net/hhBFZ/11/

Answer 2

你没有在任何地方打电话给mtLoan。将您的代码更改为：

$(document).ready(function(){
     $('.cl').css('background-color','#ff0000')
})

Answer 3

...
<script type="text/javascript" src="face.js"></script>

<script>
$(function(){
  mtLoan();
});
</script>

Answer 4

你没有在任何地方调用此函数，使用$(document).ready()事件来初始化你的javascript，因此你的HTML将会识别Javascript，反之亦然。

$(document).ready(function(){
     $('.cl').css('background-color','#ff0000')
})

Answer 5

在外部js文件或页面本身中调用document.ready函数内的函数。

Answer 6

您需要使用文档就绪事件。这个视频教程网站非常好地解释了一些一般的例子。 http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-2/

Answer 7

首先，检查您添加的js文件是否在浏览器中显示。你写的jquery函数是错误的。你定义的地方：mtLoan（）??

外部jquery文件中的函数无法正常工作

7 个答案: