Question

我在aspx页面中完成了jquery代码。现在我想将代码移动到Report-Filter.js文件。我试图移动并执行。但它不起作用。

这是我的代码;

<link href="css/jquery-ui.css" rel="stylesheet" />
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/Report-Filter.js"></script>      -------> // code

<script src="js/bootstrap.js"></script>
<link href="css/bootstrap.css" rel="stylesheet" />

<link href="css/ReportsSalesAll-style.css" rel="stylesheet" />
<link href="css/Accordian-Hide-Show.css" rel="stylesheet" />
<script src="js/Accordian-Hide-Show.js"></script>


<script type="text/javascript">
    $(document).ready(function () {
        // Moved code to Report-Filter.js file
    })
</script>

但我没有得到输出。我在代码中做错了什么。

Answer 1

无需在.js文件中编写脚本标记从js文件中删除脚本标记

<script type="text/javascript">
    $(document).ready(function () {
        // Moved code to Report-Filter.js file
    })
</script>

应该是

$(document).ready(function () {
    // Moved code to Report-Filter.js file
})

最好在link close之前放置body tag文件

Answer 2

我不完全确定你要做什么，但我会假设一些事情。

我认为你需要的是

创建一个新文件并将javascript代码放在那里 Leopard说的话。
在您的代码中引用您的新javascript文件，如您所示题。在引用JQuery之后一定要参考这个库。
测试您的代码。例如，通过在Javascript中添加警报文件在哪里。像这样：警告（＆＃34;测试＆＃34;）;

一些一般提示：

始终将CSS引用放在JS引用之前（最好是在文件的负责人）。这样页面就不会在视觉上断断续续加载时，因为放在屏幕上的元素已经存在样式。
始终将您引用的脚本放在HTML元素下面。通过这种方式，页面不会显示太长时间，因为脚本事先没有加载，但之后（这是正确的，无论如何，因为你的代码在文档加载完毕后运行了）

最终看起来应该是这样的：

Javascript文件（js / new-javascript-file.js）：

$(document).ready(function () {
    alert("test");
})

Html / CSHtml / Aspx文件（不确定您使用的是什么）：

<link href="css/jquery-ui.css" rel="stylesheet" />
<link href="css/ReportsSalesAll-style.css" rel="stylesheet" />
<link href="css/Accordian-Hide-Show.css" rel="stylesheet" />
<link href="css/bootstrap.css" rel="stylesheet" />

<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/Report-Filter.js"></script>

<script src="js/bootstrap.js"></script>

<script src="js/Accordian-Hide-Show.js"></script>
<script src="js/new-javascript-file.js"></script>

如何将document.ready移动到js文件？

2 个答案: