Question

我有以下内联代码，我想转移到我的js文件......

$("input.checkbox").live('click',function(doStuff){my code})

我尝试了各种方法，但没有运气，当我将它移动到我的.js文件时，我的功能什么也没做。当它内联工作完美。我对这一切都很陌生，所以要温柔。

Answer 1

1-像往常一样将代码移动到新的JS文件中。

2-在页面中引用您的JS文件时，请参考 AFTER jQuery文件，将根据所包含文件的顺序执行JavaScript。

<html>
    <head>
        <script type="text/javascript" src="YOUR_jQUERY_FILE"></script>
        <script type="text/javascript" src="YOUR_CUSTOM_FILE"></script>
    </head>
    <body>
        ..
        ..
        ..  
    </body>

</html>

3-现在试试你的页面，它应该可以正常工作。

请告诉我这是否解决了这个问题，或者是否确实如此：）

Answer 2

您是否记得将代码包装在js文件中的ready调用中？

$(document).ready(function(){
    $("input.checkbox").live('click',function(doStuff){my code});
});

或缩短版

$(function(){
    $("input.checkbox").live('click',function(doStuff){my code});
});

Answer 3

您需要对jquery库的引用：

创建您的javascript包含文件myfile.js，然后创建对此文件的引用：

显然然后将你的代码复制到你的.js中，所有这些都应该是花花公子......

Answer 4

确保将js文件添加到页面（脚本标记）。建议将文件添加到正文的末尾。
确保在外部js文件之前将jQuery添加到页面中。
将代码包装在$（document）.ready（function（）{[Your code here]}）中，以便在加载DOM后执行。（这可确保您的元素可供选择）< / p>

Answer 5

您应该在关闭标记之前在html末尾添加自定义JS文件脚本标记，以便渲染所有控件。应该工作正常！

将内联JQuery函数移动到.js文件

5 个答案: